git ssb

0+

Zach! / coolguy.website



Tree: 89e5d04cd5d9b6af6ceef244711b1d38c5ddcd46

Files: 89e5d04cd5d9b6af6ceef244711b1d38c5ddcd46 / index.html

11347 bytesRaw
1<!doctype HTML>
2<!-- coolguy.website homepage -->
3<!-- 
4  Hey!  Thanks for visiting this source code!  You are now 'one of the cool ones'.
5  I'll give you a tour of sorts with these comments if you keen.
6-->
7<html>
8  <head>
9    <title>coolguy.website | The Home of Zach Mandeville</title>
10    <!-- 
11      Here's some meta deets to have the page be responsive, and have all my text display correctly.
12      Without the charset meta stuff, quotation marks show up as &quot; and no one likes that.
13    -->
14    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
15    <meta name="viewport" content = "width=device=width, initial-scale=1">
16    <!-- 
17      Here's some meta deets for search engines and when the coolguy link is shared by others.  So it
18      makes that link look all pretty on facebook and twitter and messaging apps and such.
19    -->
20    <meta name='author' content='yr friend and mine Zach Mandeville!'>
21    <meta name='description' content='The online garden  of writer, developer, solarpunk, and friend
22    Zach Mandeville.'> 
23
24    <!-- Same, but now the facebook stuff -->
25    <meta property="og:title" content="Coolguy.Website: Zach Mandeville's Digital Home" />
26    <meta property="og:type" content="website" />
27    <meta name='description' content='The online garden  of writer, developer, solarpunk, and friend
28    Zach Mandeville.'>
29    <meta property="og:image"
30          content="https://coolguy.website/images/zach-dancing-with-robot.gif"
31          />
32    <meta property="og:url" content="https://coolguy.website/" />
33
34    <!-- Now the Twitter stuff -->
35    <meta name="twitter:card" content="summary_large_image" />
36    <meta name="twitter:title" content="Coolguy.Website: Zach Mandeville's Digital Home" />
37    <meta name='twitter:description' content='The online garden  of writer, developer, solarpunk, and friend
38    Zach Mandeville.'>
39    <meta name="twitter:image"
40          content="https://coolguy.website/images/zach-dancing-with-robot.gif"
41          />
42    <!-- Meta is done, now we can add that sweet styling! -->
43    <link rel="stylesheet" type="text/css" href="styles/main.css">
44    <link rel='stylesheet' type='text/css' href='styles/colors.css'>
45  </head>
46  <body id='home'>
47  <header id='title'>
48      <p id="guiding-quote"> 'That is happiness; to be dissolved into something complete and great.'</p>
49      <div class="placard">
50        <h1>Zach Mandeville</h1>
51        <p class="placard-quote">Residing so peacefully here in his digital home.</p>
52      </div>
53    </header>
54    <article>
55    <section id="introduction" role='main'>
56      <div class="intro-message">
57        <img src="images/zach-dancing-with-robot.gif" class="dancing-zach" alt='gif of zach dancing
58        in a nice utility jumpsuit'>
59        <p>Hi! My name is Zach and this is a pleasant ornamental garden of a site!  Feel free to explore and hang out and enjoy whatever you find!</p>
60        <p> Please: <strong><em><a href="introduction.html">Check out my handy getting-started guide!</a></em></strong></p>
61        <h2 id="contact-heading"><span>Contacting Me!</span></h2>
62        <p> If you want to reach out to me you can, in a number of ways!</p>
63        <p>Some of these include:</p>
64        <ul class="contact-list">
65          <li class='contact'>You can email me at <strong>webmaster😎coolguy😉website</strong>.<button onclick="showKey('pgp')">🗝</button></li>
66          <li id='pgp' class='hidden'><span>My pgp/gpg key is <code>63E3 E373 A540 C80F 24CE  F28D
67                DF7F 6DC0 F2A4 53E5</code></span></li>
68          <li>I am active on the beautiful solarpunk wonderland of <a href="http://scuttlebutt.nz">Scuttlebutt</a>, where I'm known as Zach!<button onclick="showKey('ssb')">🗝</button></li> 
69          <li id='ssb' class='hidden'><span>My scuttlebutt public key is
70              <code>@ZqH7Mctu/7DNInxuwl12ECjfrAKUX2tBLq1rOldNhg0=.ed25519</code></span></li>
71          <li>You can check out my github at <a href="http://github.com/zachmandeville">github.com/zachmandeville</a></li>
72          <li>you can reach me by phone, if you want.</li>
73          <li>If you see me on the street and I don't look busy or upset, just wave and say &#8220;Hey! ZACH! I wanna reach out to you!&#8221;  I will cross the street to talk to you.</li>
74        </ul>
75        <p>I like talking about music, comedy, books, tarot, board games, solarpunk, the beauty of a tech-enriched animist future, Mtv's The Challenge, and your day.</p>
76      </div>
77    </section>
78
79    <section id="site-map">
80      <h2><span>SITE MAP!</span></h2>
81      <ul class="my-mosaic">
82        <li id='writing-mosaic'><a title="Writing" href="writing/index.html">
83            <div class="tile">
84              <h2>Writing</h2>
85              <p>All the things I wrote for you and about you.</p>
86            </div>
87          </a>
88        </li>
89        <li id='links-mosaic'><a title="Writing" href="projects/index.html">
90            <div class="tile">
91              <h2>Projects</h2>
92              <p>Pleasant personal things I'm working on for me and you.</p>
93            </div>
94          </a>
95        </li>
96        <li id='rituals-mosaic'><a title="Solarpunk Magic" href="rituals/index.html">
97            <div class="tile">
98              <h2>Solarpunk Magic</h2>
99              <p>Rituals for the Computer and the Earth</p>
100            </div>
101          </a>  
102        </li>
103        <li id='diary-mosaic'>
104          <a title="Diary" href="https://coolguy.website/diary.html">
105            <div class="tile">
106              <h2>Diary</h2>
107              <p>Personal Feelings as they come up!</p>
108            </div>
109          </a>
110        </li>
111        <li id='boardgame-mosaic'>
112          <a title="Boardgames" href="boardgames/index.html">
113            <div class="tile">
114              <h2>Boardgames</h2>
115              <p>Boardgame Library of the Cyber Mesa</p>
116            </div>
117          </a>
118        </li>
119        <li id='library-mosaic'>
120          <a title="Library" href="library/index.html">
121            <div class="tile">
122              <h2>Library</h2>
123              <p>The bookshelves of the Cyber Mesa.</p>
124            </div>
125          </a>
126        </li>
127        <li id='movies-mosaic'>
128          <a title="Movies I want to See" href="movies-i-want-to-see.html">
129            <div class="tile">
130              <h2>Movies I Want to See</h2>
131              <p> Movies that I haven't seen yet, but wish to see.</p>
132            </div>
133          </a>
134        </li>
135        <li id='friends-mosaic'>
136          <a title="Friends" href="my-friends.html">
137            <div class="tile">
138              <h2>Friends</h2>
139              <p>A List of all my Friends.</p>
140            </div>
141          </a>
142        </li>
143        <li id='links-mosaic'>
144          <a title="Links" href="links/index.html">
145            <div class="tile">
146              <h2>Links</h2>
147              <p>A classic collection of good things.</p>
148            </div>
149          </a>
150        </li>
151    </section>
152    <!-- The Mosaic is Done -->
153
154    <!-- Updates! -->
155    <section id ="Updates" class="log">
156      <h2><span>Update Log</span><a href="updates.xml"><img src="images/rss.png"></a></h2> 
157      <ul>
158        <li>Added a new <a href='projects/index.html'>PROJECTS PAGE</a> to coolguy, to keep y'all
159          updated on stuff I'm working on and why I'm working on it.  It's mostly code things, and
160          it's starting out kinda bare, but check out the dat zine library section cos that page is
161          just stacked with a lotta words.  too many words?  most likely.</li>
162        <li>I added a new <a href='https://coolguy.website/diary.html' title='diary page'>diary
163            entry</a>.  It's short and sweet. Or at least that was how I read it!</li>
164        <li>On Sunday, I did some nice link styling.  The links page was looking kinda gross, so I
165          overhauled the CSS. No more harsh white background and weird padding.  Now there's cute lil'
166          index cards for each section.  The code is simpler now too, cos grid is awesome! check it out <a href='links' title='links page'>here</a></li>
167        <li>Zines added and style overhaul! While I was at the library, I added pdf copies of my old
168          zine to the writing page, so if you interested you could read them!  To celebrate this, I also
169          overhauled the styling on the writing pages so they all look the same (same = nice as hell).
170          Read them <a title='to funwater awesome' href='writing/funwater-awesome'>here</a></li>
171        <li >Now that I have new styles for the writing page, I wanted to add a bit more writing to it!  So on Saturday, I added &quotThe Bookshelf&quot, &quotClear Skin for an Unclear World&quot, and &quotGoing to the Media Party...&quot.  Check them all out on the <a href="writing/index">Writing page!</a></li>
172        <li >This is a bit harder to see, but I started DRASTICALLY updating my CSS.  I want it all to be cleaner and more understandable in the organization.  My hope is to completetly remove the old stylesheet, and have a new stylesheet that is hundreds of lines of less code.  Let's see how it goes!!!</li>
173        <li >On Saturday, I completely overhauled the writing page so that it looks nice with the BIG fonts (i'm super into big fonts now.) It also has a slightly softer background-color (I need to figure out how to make my site not hurt my eyes.)</li>
174        <li >Also on Wednesday, I added <a href="rituals/productivity-tips-from-plant-life.html">Productivity Tips from Plant Life</a> to the <a href="rituals/index.html">Rituals page.</a>  It's a method I'm exploring to help with my own personal work and intentions.  Take from it what you'd like as you'd like!</li>
175        <li >On Wednesday I put up <a href="writing/the-future-will-be-technical/">The Future Will be Technical</a>, a longer essay on the writing page.  It's kind of a manifesto?  Feel like I keep writing manifestos</li>
176        <li >Late Saturday night, I also wrote a new <a
177                                      href="https://coolguy.website/diary.html">diary entry</a> about magic Novembers.  It's got a bunch of mixed metaphors.  Or rather, it's like a mixtape of metaphors.</li>
178        <li >I finished a book and added it to my <a href="library/index.html">bookshelf</a>, then added short notes for some of the books on the shelf.  This would have been on Saturday night.</li>
179        <li >On Monday night I added a <a href="links/index.html">links</a> page and some more friends!</li>
180        <li >In the end of September I added a rituals section, including a ritual I did for enchanting yourself and yr computer.</li>
181        <li >I removed my dependence on fontlibrary.org.  I depend on no other website now! I also cleaned up a bunch of CSS.  You can tell both because everything runs much <em>faster</em> now</li>
182        <li >On Wednesday I created this log!</li>
183        <li >I wrote a new blog post on Tuesday night.  read it <a
184                                          href="https://coolguy.website/diary.html">here</a></li>
185        <li >I created the <a href=library.html>Library</a> on Monday</li>
186      </ul>
187    </section>
188    </article>
189    <script>
190      function showKey (id) {
191        document.getElementById(id).classList.toggle('hidden')
192      }
193    </script>
194  </body>
195</html>
196<!-- Thank you for reading this source code! -->
197
198

Built with git-ssb-web