Explorar el Código

:sparkles: adding back in welcome page content

tags/0.9.0
j hace 4 años
padre
commit
90e360a83f
Se han modificado 1 ficheros con 24 adiciones y 18 borrados
  1. 24
    18
      vue-theme/src/pages/index.vue

+ 24
- 18
vue-theme/src/pages/index.vue Ver fichero

1
 // Homepage grid
1
 // Homepage grid
2
 <template lang="pug">
2
 <template lang="pug">
3
-.page--index.f-row.between
3
+.page--index.f-col.between
4
+    header.w-max(v-if="allPages.welcome")
5
+        .page-content(v-html="allPages.welcome.content")
6
+
4
     article.w-max
7
     article.w-max
5
         section(v-if="allSticky && Object.keys(allSticky).length").stickies
8
         section(v-if="allSticky && Object.keys(allSticky).length").stickies
6
             ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
9
             ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
79
 <style lang="postcss">
82
 <style lang="postcss">
80
 @import '../sss/variables.sss'
83
 @import '../sss/variables.sss'
81
 @import '../sss/theme.sss'
84
 @import '../sss/theme.sss'
82
-.page--index > article
83
-    display: flex
84
-    justify-content: space-around
85
-    flex-direction: column
86
-    align-items: stretch
87
-    section
88
-        ul
89
-            list-style: none
90
-            li
91
-                margin: 0 0 $ms-0 0
92
-        &.max 
93
-            margin: 0
94
-            > ul
95
-                grid-template-columns: 
96
-                    auto
97
-                grid-template-rows: 
98
-                    auto
85
+.page--index 
86
+    > header
87
+        padding: $ms-0 $ms-2 $ms-1 $ms-2 
88
+    > article
89
+        display: flex
90
+        justify-content: space-around
91
+        flex-direction: column
92
+        align-items: stretch
93
+        section
94
+            ul
95
+                list-style: none
96
+                li
97
+                    margin: 0 0 $ms-0 0
98
+            &.max 
99
+                margin: 0
100
+                > ul
101
+                    grid-template-columns: 
102
+                        auto
103
+                    grid-template-rows: 
104
+                        auto
99
 @media (min-width: $medium)
105
 @media (min-width: $medium)
100
     .page--index > article > section
106
     .page--index > article > section
101
         &.stickies
107
         &.stickies

Loading…
Cancelar
Guardar