-
Notifications
You must be signed in to change notification settings - Fork 0
/
Cade.html
238 lines (211 loc) · 11.5 KB
/
Cade.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Cade</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" href="images/icon.png">
</head>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">CLDARX</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">CLDARX</a></li>
<li><a href="Colten.html">Colten</a></li>
<li><a href="Kylie.html">Kylie</a></li>
<li class = "active"><a href="Cade.html">Cade</a></li>
<li><a href="CLDARXV.html">CLDARXV</a></li>
</ul>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<span class="date">April 25, 2017</span>
<h1>Cade Zacharias</h1>
<p>Play</p>
<div class="image main"><img src="images/CadePortrait.jpg" alt="" /></div>
</header>
<p></p>
</section>
<!-- Featured Post -->
<!-- <article class="post featured">
<header class="major">
<span class="date">April 25, 2017</span>
<h2><a href="#">Argentine Tango</a></h2>
<p>Perhaps the greatest thing one can accomplish is a pure moment in conversation.</p>
</header>
<div class="vid-container">
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fcade.zacharias.9%2Fvideos%2F1905644272787143%2F&show_text=0&width=560" width=
"560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>
<br />
<ul class="actions">
<li><a href="https://cloudofcade.wordpress.com/" class="button big">Cloud of Cade</a></li>
</ul>
</article> -->
<!-- Posts -->
<section class="posts">
<article>
<header>
<span class="date">April 24, 2017</span>
<h2><a href="#">Flow</a></h2>
</header>
<div class="vid-container">
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fcade.zacharias.9%2Fvideos%2F1837832772901627%2F&show_text=0&width=560" width="xxx" height="xxx" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>
</article>
<article>
<header>
<span class="date">April 25, 2017</span>
<h2><a href="#">Alternative Tango</a></h2>
</header>
<div class="vid-container">
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fcade.zacharias.9%2Fvideos%2F1905644272787143%2F&show_text=0&width=560" width=
"560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
</div>
</article>
<article>
<header>
<span class="date">April 13, 2018</span>
<h2><a href="https://cloudofcade.wordpress.com/2018/04/13/a-long-walk-across-washington-avenue-bridge/">A long walk across Washington Avenue bridge</h2>
</header>
<a href="https://cloudofcade.wordpress.com/2018/04/13/a-long-walk-across-washington-avenue-bridge/" class="image fit"><img src="images/WashingtonAve.jpg" alt="" /></a>
<p> I was walking to my next class, making way toward the Washington Avenue Bridge. It’s a long bridge, spanning the width of the Mississippi river to connect East and West bank campuses. The path is a wide berth, closed in by rails and lamp posts at even distances. If you stand on one end you can only just make out what lies on the other. Beneath the bridge, the river flows on, uncaring of the path above. You can sometimes hear the water rush; you can always hear the wind blowing. Once you start across this bridge, there is nothing to be done but continue on. No diverging paths. No distractions. You walk in a straight line until you reach the end. This bridge was my path.
<br /> It was on this bridge that I met Ben.</p>
<ul class="actions">
<li><a href="https://cloudofcade.wordpress.com/2018/04/13/a-long-walk-across-washington-avenue-bridge/" class="button">Blog Post</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 15, 2018</span>
<h2><a href="#">Reverie, the midnight drive</h2>
</header>
<a href="https://cloudofcade.wordpress.com/2018/04/21/reverie-the-midnight-drive/" class="image fit"><img src="images/SnowSpace.jpg" alt="" /></a>
<p>I sat, hands gripping the wheel, careening though the dark, awaiting sunrise. We had been driving for hours, and for hours more we would drive. You tend to abandon hope on drives this long. You accept that this is your new life. Thoughts of stretching your legs or anticipation for arriving have no place here. They’ll make you anxious and extend time. Although it’s not precisely that you want to shrink time either. Sleeping or watching movies might give the appearance of time well passed….but after you’ve watched 3 movies and aren’t even halfway there, you realize that all you’ve done is sedate yourself for half a day and now must pay the consequences.<br />
What is better is to ride the line between expanding and shrinking time. Experience it only moment by moment. Ride the Tao.</p>
<ul class="actions">
<li><a href="https://cloudofcade.wordpress.com/2018/04/21/reverie-the-midnight-drive/" class="button">Blog Post</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 15, 2018</span>
<h2><a href="#">Wolf Theory</h2>
</header>
<a href="https://cloudofcade.wordpress.com/2018/04/15/wolf-theory/" class="image fit"><img src="images/WolfRain.jpg" alt="" /></a>
<p>There's a theory I've been playing around with for a while. I pull it from the cupboard on special occasions, dust it off, and see how it fits with the current times. Sometimes it seems like just the thing, and in others it crumbles into dust. I can't get myself to get rid of it, though. Perhaps it's become sentimental. Perhaps I suspect I might need it one day. For a certainty, it is an idea that deserves proper articulation. What to do with it afterward I leave to you.</p>
<ul class="actions">
<li><a href="https://cloudofcade.wordpress.com/2018/04/15/wolf-theory/" class="button">Blog Post</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 25, 2018</span>
<h2><a href="#">Belief, Truth and Action</h2>
</header>
<a href="https://cloudofcade.wordpress.com/2018/04/25/belief-truth-and-action/" class="image fit"><img src="images/Weaving.png" alt="" /></a>
<p>I’ve been thinking a lot today about what the hell a belief is. How can you tell what you believe? How do you make a belief? Why is it so painful for people to have their beliefs shattered? How do you tell what someone else believes? The answers to these questions are not self
evident. </p>
<ul class="actions">
<li><a href="https://cloudofcade.wordpress.com/2018/04/25/belief-truth-and-action/" class="button">Blog Post</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="#">Music</a></h2>
</header>
<iframe src="https://open.spotify.com/embed/user/12122026345/playlist/2r3CCesGdybDoyzjXMOkiM" width=80% height=80% frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</article>
<article>
<header>
<h2><a href="RNBY.html">RNBY</a></h2>
</header>
<a href="RNBY.html" class="image main"><img src="images/RB.jpeg" alt="" /></a></a>
<p>The adventures of two boys pursuing the light.</p>
<ul class="actions">
<li><a href="RNBY.html" class="button">Rainboy & Wonderlad</a></li>
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<!-- <section>
<form method="post" action="#">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</section> -->
<section class="split contact">
<section class="alt">
<h3>Current Location</h3>
<p>Minneapolis, MN</p>
</section>
<section>
<h3>Phone</h3>
<p><a href="#">(218) 213-0946</a></p>
</section>
<section>
<h3>Email</h3>
<p><a href="#">cadezacharias@gmail.com</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.facebook.com/cade.zacharias.9" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://twitter.com/CadeZacharias?lang=en" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/cadezacharias/?hl=en" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/CloudArchipelago" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© CLDARX</li><li>DZN: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>