-
Notifications
You must be signed in to change notification settings - Fork 1
/
friends.html
166 lines (166 loc) · 7.9 KB
/
friends.html
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
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mushy Mushy</title>
<link href="styles.css" rel="stylesheet" media="all"/>
<link href="styles/friends-styles.css" rel="stylesheet" media="all"/>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">
<script src="scripts/jquery-3.5.1.min.js"></script>
<script src="components/footer.js"></script>
<script src="scripts/load-more.js"></script>
<script src="scripts/nav-scroll.js"></script>
</head>
<html>
<body class="light-theme">
<nav class="autohide">
<a class="nav-element logo" href="index.html"></a>
<ul class="items">
<li><a class="nav-element" href="friends.html">❤️ Friends</a></li>
<li><a class="nav-element" href="unidentified.html">🔍 Unidentified</a></li>
</ul>
</nav>
<section class="header">
<div class="intro">
<span class="friends-drawing">
_.__._
.-‘ • •. ‘-. ˚.
<3 /. . ,’. \.
(____.____.____)
._______. / /. ‘.___M___.’
| . –.— | \. \. | o _ o. \
(___\ \__/ / ,/ \ \ \___/ /______) `\@
</span>
<!-- <h3>❤️ 🍄</h3> -->
<h2>Friends of Mushy Mushy </h2>
<p>Friends and family have joined in my obsession with mushrooms —
on a regular basis I receive text messages with their findings.
Here is a place to celebrate their mutual found joy.</p>
</div>
</section>
<section class="entries">
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">IM</span>
</div>
<h2 class="name">Ivan Marrinson</h2>
<span class="date">July 3, 2022</span>
</div>
<h3>Strangulated Amanita</h3>
<span class="latin">Amanita ceciliae</span>
<img src="friends/ivan/ivan-2.jpeg" alt="stangulated amanita">
<img src="friends/ivan/ivan-3.jpeg" alt="stangulated amanita">
<p>Note from Ivan:</p>
<p class="quote">"Almost looks like I has silver spray paint on it... v shiny..."</p>
<h3>Reishi</h3>
<span class="latin">Ganoderma tsugae</span>
<img src="friends/ivan/ivan-4.jpeg" alt="reishi">
<img src="friends/ivan/ivan-5.jpeg" alt="reishi">
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">VF</span>
</div>
<h2 class="name">Vicky Florio aka <a href="https://www.instagram.com/jon_parmesan/?hl=en" target="_blank">jon_parmesan</a></h2>
<span class="date">June 10, 2022</span>
</div>
<h3>Aminita on My Left Ankle</h3>
<span class="latin">Amanita muscaria</span>
<p class="callout">
Go get a tattoo from Vicky! Her tattoos are <b class="special">DOPE-AF</b>! What are you waiting for?! Seriously go right now!
<a href="https://www.instagram.com/jon_parmesan/?hl=en" target="_blank">jon_parmesan</a>
</p>
<img src="friends/vicky/vicky-1.jpeg" alt="tattoo of a aminita">
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">CEO</span>
</div>
<h2 class="name">Christine Olson</h2>
<span class="date">September 12, 2021</span>
</div>
<h3>Flapjack fungi</h3>
<span class="latin">Pancakus deliciousness</span>
<div class="choice-container">
<span class="choice">Choice</span>
<img src="friends/christine/christine-1.jpeg" alt="Pan Cake Mushroom">
</div>
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">AM</span>
</div>
<h2 class="name">Aman Mehta</h2>
<span class="date">August 25, 2021</span>
</div>
<h3>Old Man of the Woods</h3>
<span class="latin">Strobilomyces strobilaceus</span>
<img src="friends/aman/aman-1.jpeg" alt="Old Man of the Woods">
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">SM</span>
</div>
<h2 class="name">Sujata Mehta</h2>
<span class="date">August 8, 2021</span>
</div>
<h3>Unidentified</h3>
<span class="latin">Unknown</span>
<img src="friends/sujata/sujata-1.jpeg" alt="unidentified">
<h3>Unidentified</h3>
<span class="latin">Unknown</span>
<img src="friends/sujata/sujata-2.jpeg" alt="unidentified">
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">GP</span>
</div>
<h2 class="name">Grif Peterson</h2>
<span class="date">July 31, 2021</span>
</div>
<h3>Violet Webcap</h3>
<span class="latin">Cortinarius violaceus</span>
<img src="friends/grif/grif-1.jpeg" alt="unidentified">
<h3>Yellow-Orange Fly Agaric</h3>
<span class="latin">Amanita muscaria var. guessowii</span>
<img src="friends/grif/grif-2.jpeg" alt="unidentified">
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">IM</span>
</div>
<h2 class="name">Ivan Marrinson</h2>
<span class="date">July 30, 2021</span>
</div>
<h3>Unidentified</h3>
<span class="latin">Unknown</span>
<img src="friends/ivan/ivan-1.jpeg" alt="unidentified">
<p>Note from Ivan:</p>
<p class="quote">"I love a shallow depth of field, lol."</p>
</div>
<div class="entry-tile load-element">
<div class="submitter">
<div class="initials-container">
<span class="initials">DAD</span>
</div>
<h2 class="name">Mark Bowman</h2>
<span class="date">July 15, 2021</span>
</div>
<h3>Unidentified</h3>
<span class="latin">Unknown</span>
<img src="friends/dad/dad-1.jpeg" alt="unidentified">
</div>
<!-- <button type="button" name="load more" id="load-more">See more mushrooms ↓</button> -->
</section>
<site-footer></site-footer>
</body>
</html>