-
Notifications
You must be signed in to change notification settings - Fork 7
/
archive.pug
executable file
·155 lines (148 loc) · 7.97 KB
/
archive.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
extends _layout
block vars
- var pageTitle = 'Site Archive'
- var pageDescription = 'Previous and archived versions of lynnandtonic.com, one per year since 2007.'
- var pagePath = 'archive'
- var bodyClass = 'archive'
block header
h1 Archive
.callout
small Est. 2007
block content
.content
p Every year this site changes. Each of the previous iterations are viewable below! I can’t guarantee all links and images will work, but feel free to take a peek back through time.
ol.archive-list
li
a.archive-image(href='/')
picture
source(srcset='/assets/images/archive/archive-2023.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2023-sm.jpg', width='1150', height='700', alt='TODO', decoding='async')
.links
small: a(href='/') 2023
small.study ✐
a(href='/thoughts/entries/case-study-2023-refresh/') Case study
li
a.archive-image(href='/archive/2022')
picture
source(srcset='/assets/images/archive/archive-2022.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2022-sm.jpg', width='1150', height='700', alt='a grey website with a colorful, illustrated header', decoding='async')
.links
small: a(href='/archive/2022') 2022
small.study ✐
a(href='/thoughts/entries/case-study-2022-refresh/') Case study
li
a.archive-image(href='/archive/2021')
picture
source(srcset='/assets/images/archive/archive-2021.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2021-sm.jpg', width='1150', height='700', alt='an illustration of an elevator lobby', decoding='async')
.links
small: a(href='/archive/2021') 2021
small.study ✐
a(href='/thoughts/entries/case-study-2021-refresh/') Case study
li
a.archive-image(href='/archive/2020')
picture
source(srcset='/assets/images/archive/archive-2020.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2020-sm.jpg', width='1150', height='700', alt='an illustrated website header that looks folded like paper', decoding='async')
.links
small: a(href='/archive/2020') 2020
small.study ✐
a(href='/thoughts/entries/case-study-2020-refresh/') Case study
li
a.archive-image(href='/archive/2019')
picture
source(srcset='/assets/images/archive/archive-2019.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2019-sm.jpg', width='1150', height='700', alt='Lynn’s head opening and various layers of other heads are revealed like a nesting doll', decoding='async')
.links
small: a(href='/archive/2019') 2019
small.study ✐
a(href='/thoughts/entries/case-study-2019-refresh/') Case study
li
a.archive-image(href='/archive/2018')
picture
source(srcset='/assets/images/archive/archive-2018.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2018-sm.jpg', width='1150', height='700', alt='Lynn as a Bob’s Burgers character', decoding='async', loading='lazy')
.links
small: a(href='/archive/2018') 2018
small.study ✐
a(href='/thoughts/entries/case-study-2018-refresh/') Case study
li
a.archive-image(href='/archive/2017')
picture
source(srcset='/assets/images/archive/archive-2017.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2017-sm.jpg', width='1150', height='700', alt='Lynn in a wolf hat and a black, white, and gold color palette', decoding='async', loading='lazy')
.links
small: a(href='/archive/2017') 2017
small.study ✐
a(href='/thoughts/entries/case-study-2017-refresh/') Case study
li
a.archive-image(href='/archive/2016')
picture
source(srcset='/assets/images/archive/archive-2016.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2016-sm.jpg', width='1150', height='700', alt='a white, minimal interface accented with emoji', decoding='async', loading='lazy')
.links
small: a(href='/archive/2016') 2016
li
a.archive-image(href='/archive/2015')
picture
source(srcset='/assets/images/archive/archive-2015.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2015-sm.jpg', width='1150', height='700', alt='homepage with a full-height left-hand nav in a soft rainbow palette', decoding='async', loading='lazy')
.links
small: a(href='/archive/2015') 2015
li
a.archive-image(href='/archive/2014')
picture
source(srcset='/assets/images/archive/archive-2014.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2014-sm.jpg', width='1150', height='700', alt='homepage with a three-column layout with a deep green and peach color palette', decoding='async', loading='lazy')
.links
small: a(href='/archive/2014') 2014
li
a.archive-image(href='/archive/2013')
picture
source(srcset='/assets/images/archive/archive-2013.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2013-sm.jpg', width='1150', height='700', alt='homepage with a large background image of Lynn and a top navigation', decoding='async', loading='lazy')
.links
small: a(href='/archive/2013') 2013
li
a.archive-image(href='/archive/2012')
picture
source(srcset='/assets/images/archive/archive-2012.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2012-sm.jpg', width='1150', height='700', alt='three hand-drawn illustrations of Lynn with green, purple, and teal accents', decoding='async', loading='lazy')
.links
small: a(href='/archive/2012') 2012
li
a.archive-image(href='/archive/2011')
picture
source(srcset='/assets/images/archive/archive-2011.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2011-sm.jpg', width='1150', height='700', alt='homepage with a single-column layout with a painterly hero image of Lynn', decoding='async', loading='lazy')
.links
small: a(href='/archive/2011') 2011
li
a.archive-image(href='/archive/2010')
picture
source(srcset='/assets/images/archive/archive-2010.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2010-sm.jpg', width='1150', height='700', alt='homepage with a white, light green, and turquoise color scheme', decoding='async', loading='lazy')
.links
small: a(href='/archive/2010') 2010
li
a.archive-image(href='/archive/2009')
picture
source(srcset='/assets/images/archive/archive-2009.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2009-sm.jpg', width='1150', height='700', alt='homepage with a short, wide content area featuring a photos of feet and the Winged Victory sculpture at the Louvre', decoding='async', loading='lazy')
.links
small: a(href='/archive/2009') 2009
li
a.archive-image(href='/archive/2008')
picture
source(srcset='/assets/images/archive/archive-2008.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2008-sm.jpg', width='1150', height='700', alt='a photo of Lynn laying on the floor of the Louvre', decoding='async', loading='lazy')
.links
small: a(href='/archive/2008') 2008
li
a.archive-image(href='/archive/2007')
picture
source(srcset='/assets/images/archive/archive-2007.jpg', media='(min-width: 1200px)')
img(src='/assets/images/archive/archive-2007-sm.jpg', width='1150', height='700', alt='a three-column iframe layout', decoding='async', loading='lazy')
.links
small: a(href='/archive/2007') 2007
li.blank-space#archive-blank