Преглед изворни кода

:recycle: removing markup hardcoded rows

tags/0.9.0
J пре 4 година
родитељ
комит
92638b5703
1 измењених фајлова са 79 додато и 87 уклоњено
  1. 79
    87
      vue-theme/src/pages/index.vue

+ 79
- 87
vue-theme/src/pages/index.vue Прегледај датотеку

@@ -16,104 +16,96 @@
16 16
             .content(v-else-if="allPages['welcome']" v-html="allPages['welcome'].content")
17 17
 
18 18
         //- top section
19
-        .f-row.around
20
-            .f-col
21
-                section(v-if="allEpisodesLoaded").shadow
22
-                    router-link(:to="`/episodes`")
23
-                        h3.t-up episodes
24
-                    router-link(:to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
25
-                        img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
26
-                        h2.t-up.t-cntr {{ Object.values(allEpisodes)[0].slug }}
27
-                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
28
-
29
-            .f.col
30
-                .f-row
31
-                    section(v-if="allExhibitionsLoaded").shadow
32
-                        router-link(:to="`/exhibitions`")
33
-                            h3.t-up exhibitions
34
-                        router-link(:to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
35
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
36
-                            h2.t-up.t-cntr {{ Object.values(allExhibitions)[0].slug }}
37
-
38
-                    section(v-if="allEventsLoaded").shadow
39
-                        router-link(:to="`/events`")
40
-                            h3.t-up events
41
-                        router-link(:to="`/events/${Object.values(allEvents)[0].slug}`")
42
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
43
-                            h2.t-up.t-cntr {{ Object.values(allEvents)[0].slug }}
44
-                .f-row
45
-                    section(v-if="allPostsLoaded").shadow
46
-                        router-link(:to="`/posts`")
47
-                            h3.t-up shorts PLACEHOLDER
48
-                        router-link(:to="`/posts/${Object.values(allPosts)[0].slug}`")
49
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
50
-                            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
19
+        section(v-if="allEpisodesLoaded").shadow
20
+            router-link(:to="`/episodes`")
21
+                h3.t-up episodes
22
+            router-link(:to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
23
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
24
+                h2.t-up.t-cntr {{ Object.values(allEpisodes)[0].slug }}
25
+            p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
51 26
 
52
-                    section(v-if="allPostsLoaded").shadow
53
-                        router-link(:to="`/posts`")
54
-                            h3.t-up posts
55
-                        router-link(:to="`/events/${Object.values(allPosts)[0].slug}`")
56
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
57
-                            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
27
+    
28
+        section(v-if="allExhibitionsLoaded").shadow
29
+            router-link(:to="`/exhibitions`")
30
+                h3.t-up exhibitions
31
+            router-link(:to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
32
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
33
+                h2.t-up.t-cntr {{ Object.values(allExhibitions)[0].slug }}
34
+
35
+        section(v-if="allEventsLoaded").shadow
36
+            router-link(:to="`/events`")
37
+                h3.t-up events
38
+            router-link(:to="`/events/${Object.values(allEvents)[0].slug}`")
39
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
40
+                h2.t-up.t-cntr {{ Object.values(allEvents)[0].slug }}
41
+
42
+        section(v-if="allPostsLoaded").shadow
43
+            router-link(:to="`/posts`")
44
+                h3.t-up shorts PLACEHOLDER
45
+            router-link(:to="`/posts/${Object.values(allPosts)[0].slug}`")
46
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
47
+                h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
48
+
49
+        section(v-if="allPostsLoaded").shadow
50
+            router-link(:to="`/posts`")
51
+                h3.t-up posts
52
+            router-link(:to="`/events/${Object.values(allPosts)[0].slug}`")
53
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
54
+                h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
58 55
 
59 56
         //- middle row
60
-        .f-row.around
61
-            section(v-if="allArtistsLoaded").shadow
62
-                router-link(:to="`/artists`")
63
-                    h3.t-up artists
64
-                router-link(:to="`/artists/${Object.values(allArtists)[0].slug}`")
65
-                    img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
66
-                    h2.t-up.t-cntr {{ Object.values(allArtists)[0].slug }}
57
+        section(v-if="allArtistsLoaded").shadow
58
+            router-link(:to="`/artists`")
59
+                h3.t-up artists
60
+            router-link(:to="`/artists/${Object.values(allArtists)[0].slug}`")
61
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
62
+                h2.t-up.t-cntr {{ Object.values(allArtists)[0].slug }}
67 63
 
68 64
         //- bottom row
69
-        .f-row.around
70
-            .f.col
71
-                .f-row
72
-                    section(v-if="allPostsLoaded").shadow
73
-                        router-link(:to="`/objects`")
74
-                            h3.t-up objects PLACEHOLDER
75
-                        router-link(:to="`/objects/${Object.values(allPosts)[0].slug}`")
76
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
77
-                            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
65
+        section(v-if="allPostsLoaded").shadow
66
+            router-link(:to="`/objects`")
67
+                h3.t-up objects PLACEHOLDER
68
+            router-link(:to="`/objects/${Object.values(allPosts)[0].slug}`")
69
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
70
+                h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
78 71
 
79
-                    section(v-if="allPostsLoaded").shadow
80
-                        router-link(:to="`/techniques`")
81
-                            h3.t-up techniques PLACEHOLDER
82
-                        router-link(:to="`/techniques/${Object.values(allPosts)[0].slug}`")
83
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
84
-                            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
85
-                .f-row
86
-                    section(v-if="allPostsLoaded").shadow
87
-                        router-link(:to="`/talks`")
88
-                            h3.t-up talks PLACEHOLDER
89
-                        router-link(:to="`/talks/${Object.values(allPosts)[0].slug}`")
90
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
91
-                            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
72
+        section(v-if="allPostsLoaded").shadow
73
+            router-link(:to="`/techniques`")
74
+                h3.t-up techniques PLACEHOLDER
75
+            router-link(:to="`/techniques/${Object.values(allPosts)[0].slug}`")
76
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
77
+                h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
92 78
 
93
-                    section(v-if="allPostsLoaded").shadow
94
-                        router-link(:to="`/center`")
95
-                            h3.t-up center PLACEHOLDER
96
-                        router-link(:to="`/center/${Object.values(allPosts)[0].slug}`")
97
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
79
+        section(v-if="allPostsLoaded").shadow
80
+            router-link(:to="`/talks`")
81
+                h3.t-up talks PLACEHOLDER
82
+            router-link(:to="`/talks/${Object.values(allPosts)[0].slug}`")
83
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
84
+                h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
85
+
86
+        section(v-if="allPostsLoaded").shadow
87
+            router-link(:to="`/center`")
88
+                h3.t-up center PLACEHOLDER
89
+            router-link(:to="`/center/${Object.values(allPosts)[0].slug}`")
90
+                img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
98 91
                             h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
99
-            .f-col
100
-                section(v-if="allPostsLoaded").shadow
101
-                    router-link(:to="`/guides`")
102
-                        h3.t-up guides
103
-                    router-link(:to="`/guides/${Object.values(allPosts)[0].slug}`")
104
-                            img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
105
-                    h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
106 92
 
107
-        .f-row
108
-            section(v-if="allPagesLoaded").shadow
109
-                h3.t-up pages
110
-                    h2.t-up.t-cntr {{ Object.values(allPages)[0].slug }}
93
+        section(v-if="allPostsLoaded").shadow
94
+            router-link(:to="`/guides`")
95
+                h3.t-up guides
96
+            router-link(:to="`/guides/${Object.values(allPosts)[0].slug}`")
97
+                    img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
98
+            h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
99
+
100
+        
101
+        section(v-if="allPagesLoaded").shadow
102
+            h3.t-up pages
103
+                h2.t-up.t-cntr {{ Object.values(allPages)[0].slug }}
111 104
 
112 105
         //- footer row     
113
-        .f-row
114
-            footer.f-col
115
-                p end of article icon
116
-                img(src="../star.svg")
106
+        footer.f-col
107
+            p end of article icon
108
+            img(src="../star.svg")
117 109
 </template>
118 110
 
119 111
 <script>

Loading…
Откажи
Сачувај