Use a more generic name for the widgets

Renamed the widget stuff to page-*

flaskbb/themes/aurora/src/flaskbb.scss

@@ -29,11 +29,11 @@ $panel-meta-background: #e8f1f2;    // panel meta background
 $panel-meta-border: $border-color;  // panel meta (bottom) border
 $panel-border: $border-color;       // panel border (all over)
 
-$widget-panel: $panel-background;
-$widget-head-background: $panel-head-background;
-$widget-meta-background: $panel-meta-background;
-$widget-meta-border: $panel-border;
-$widget-border: $panel-border;
+$page-panel: $panel-background;
+$page-head-background: $panel-head-background;
+$page-meta-background: $panel-meta-background;
+$page-meta-border: $panel-border;
+$page-border: $panel-border;
 
 $category-panel: $panel-background;
 $category-head-background: $panel-head-background;
@@ -169,26 +169,26 @@ body {
 }
 
 // default values for the panels
-.category-panel, .forum-panel, .topic-panel, .widget-panel {
+.category-panel, .forum-panel, .topic-panel, .page-panel {
     border: 1px solid $panel-border;
     border-radius: 0;
     margin-bottom: 0;
-    .category-head, .forum-head, .topic-head, .widget-head {
+    .category-head, .forum-head, .topic-head, .page-head {
         background-color: $panel-head-background;
         font-weight: bold;
     }
 }
 
-.category-body, .forum-body, .topic-body, .widget-body {
+.category-body, .forum-body, .topic-body, .page-body {
     padding: 0;
     background-color: $panel-background;
-    .category-meta, .forum-meta, .topic-meta, .widget-meta {
+    .category-meta, .forum-meta, .topic-meta, .page-meta {
         padding-top: 0.5em;
         height: 2.5em;
         background-color: $panel-meta-background;
         border-bottom: 1px solid $panel-meta-border;
     }
-    .category-row, .forum-row, .topic-row, .widget-row, .post-row {
+    .category-row, .forum-row, .topic-row, .page-row, .post-row {
         margin-top: 0.5em;
         padding-bottom: 0.5em;
         &:not(:last-child) {
@@ -405,23 +405,22 @@ body {
 
 
 // widget specific values
-.widget-panel {
-    border: 1px solid $widget-border;
+.page-panel {
+    border: 1px solid $page-border;
 
-    .widgety-head {
-        background-color: $widget-head-background;
+    .page-head {
+        background-color: $page-head-background;
     }
-    .widget-body {
-        background-color: $widget-panel;
-
-        .widget-meta, {
-            background-color: $widget-meta-background;
-            border-bottom: 1px solid $widget-meta-border;
+    .page-body {
+        background-color: $page-panel;
 
+        .page-meta, {
+            background-color: $page-meta-background;
+            border-bottom: 1px solid $page-meta-border;
         }
-        .widget-row {
+        .page-row {
             &:not(:last-child) {
-                border-bottom: 1px solid $widget-border;
+                border-bottom: 1px solid $page-border;
             }
         }
     }

flaskbb/themes/aurora/templates/forum/index.html

@@ -6,13 +6,13 @@
         {% include theme("forum/category_layout.html") %}
     {% endfor %}
 
-    <div class="panel panel-default widget-panel">
-        <div class="panel-heading widget-head">
+    <div class="panel panel-default page-panel">
+        <div class="panel-heading page-head">
             {% trans %}Board Statistics{% endtrans %}
             [<a href="{{ url_for('forum.who_is_online') }}" onclick="window.open(this.href, 'wio_window','width=500,height=500'); return false;">{% trans %}Who is online?{% endtrans %}</a>]
         </div>
-        <div class="panel-body">
-            <div class="row widget-row">
+        <div class="panel-body page-body">
+            <div class="row page-row">
                 <div class="col-md-6 col-sm-6 col-xs-12">
                     <p class="flaskbb-stats">{% trans %}Total number of registered users{% endtrans %}: <strong>{{ user_count }}</strong></p>
                     <p class="flaskbb-stats">{% trans %}Total number of topics{% endtrans %}: <strong>{{ topic_count }}</strong></p>

flaskbb/themes/aurora/templates/user/profile.html

@@ -10,12 +10,12 @@
     <div class="row">
         <!-- left column -->
         <div class="col-md-2 col-sm-3 col-xs-12">
-            <div class="panel panel-default panel-widget">
-                <div class="panel-heading panel-widget-heading">
+            <div class="panel panel-default page-panel">
+                <div class="panel-heading page-head">
                     <a href="{{ user.url }}">{{ user.username }}</a>
                 </div>
 
-                <div class="panel-body panel-widget-body">
+                <div class="panel-body page-body">
                     <div class="profile-picture">
                         {% if user.avatar %}
                         <img src="{{ user.avatar }}" alt="Avatar" class="profile-avatar">
@@ -51,9 +51,9 @@
 
         <!-- middle column -->
         <div class="col-md-7 col-sm-5 col-xs-12">
-            <div class="panel panel-default panel-widget">
-                <div class="panel-heading panel-widget-heading">{% trans %}Info{% endtrans %}</div>
-                <div class="panel-body panel-widget-body">
+            <div class="panel panel-default page-panel">
+                <div class="panel-heading page-head">{% trans %}Info{% endtrans %}</div>
+                <div class="panel-body page-body">
 
                     {% if user.notes %}
                         {{ user.notes|markup|safe }}
@@ -65,9 +65,9 @@
             </div> <!-- end profile widget -->
 
             {% if user.signature %}
-            <div class="panel panel-default panel-widget">
-                <div class="panel-heading panel-widget-heading">{% trans %}Signature{% endtrans %}</div>
-                <div class="panel-body panel-widget-body">
+            <div class="panel panel-default page-panel">
+                <div class="panel-heading page-head">{% trans %}Signature{% endtrans %}</div>
+                <div class="panel-body page-body">
 
                     {{ user.signature|markup|safe }}
 
@@ -79,7 +79,7 @@
 
         <!-- right column -->
         <div class="col-md-3 col-sm-4 col-xs-12">
-            <div class="panel panel-default panel-widget">
+            <div class="panel panel-default page-panel">
                 <div class="panel-heading panel-widget-heading">{% trans %}User Stats{% endtrans %}</div>
                 <div class="panel-body panel-widget-body">