-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (239 loc) · 14.2 KB
/
index.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
239
240
241
242
243
244
245
246
247
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="/css/all.min.css">
<script type="text/javascript">
// Notice how this gets configured before we load Font Awesome
window.FontAwesomeConfig = { autoReplaceSvg: false }
</script>
<script src="/js/all.js"></script>
<link rel="icon" href="https://raddstudio.com/favicon.ico">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css">
<link rel="stylesheet" href="/css/colors.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/template.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
pre {
background: none;
border: none;
border-top: 1px solid grey;
}
.past pre {
color: grey;
}
.active pre {
border: 1px dashed #cecece;
}
.future pre, .future span { display: none }
.detail { margin-bottom: 0; }
h1 { margin-bottom: 0.1em; }
h2 { margin-bottom: 0.2em; font-size: 120%; }
h3 { margin-bottom: 0.25em; font-size: 110%; }
.btn { border-radius: 25px; }
</style>
</head>
<body>
<div>
<div class="head">
<div class="contact text-center">
<div class="container-fluid">
<div class="row">
<div class="main-avy col-sm-12">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="221px" height="221px" viewBox="0 0 221 221" style="enable-background:new 0 0 221 221;" xml:space="preserve">
<style type="text/css">
<![CDATA[
.hidden{display:none;}
]]>
</style>
<defs>
<clipPath id="circle">
<circle cx="110" cy="110" r="111" />
</clipPath>
</defs>
<!--
<animate id="animation1"
attributeName="opacity"
from="0" to="1" dur="1s"
begin="animation2.end" />
<animate id="animation2"
attributeName="opacity"
from="1" to="0" dur="1s"
begin="4s" />
-->
<g clip-path="url(#circle)">
<g class="avy teamster">
<image style="display:inline;overflow:visible;" width="219" height="221" xlink:href="/images/3D8A527E.png">
</g>
<g class="avy rouge">
<image style="display:inline;overflow:visible;" width="218" height="219" xlink:href="/images/3D8A5279.png">
</image>
</g>
<g class="avy transit">
<image style="display:inline;overflow:visible;" width="218" height="218" xlink:href="/images/3D8A5277.png"></image>
</g>
<g class="avy burningman">
<image style="display:inline;overflow:visible;" width="219" height="219" xlink:href="/images/3D8A5286.png"></image>
</g>
<g class="avy revy">
<image style="overflow:visible;" width="218" height="218" xlink:href="/images/3D8A5288.png"></image>
</g>
<g class="avy kickinghorse">
<image style="display:inline;overflow:visible;" width="219" height="219" xlink:href="/images/3D8A528F.png"></image>
</g>
<g class="avy lol">
<image style="display:inline;overflow:visible;" width="219" height="219" xlink:href="/images/E4FDEC17.png"></image>
</g>
</g>
</svg>
</div>
</div>
<div class="text-center">
<h1 class="name">@raddrick</h1>
<h2>Director & Founder</h2>
<h3>Technology & Product Chief</h3>
<p class="detail">Future of Work Champion</p>
<small>❤️ Javascript & Ruby + SVG & Rails</small>
</div>
<div class="row">
<div class="col-12 my-5">
<a href="https://marketplace.mentorly.co/en/mentors/raddrick" target="_blank" alt="Find a Mentor" class="btn btn-warning text-black">
<i class="fas fa-user-chart" style="font-size: 100%"></i> Want to try Nomad Camp?
</a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-3 col-xl-4 mt-2">
<a href="http://ca.linkedin.com/in/raddrick/" target="_blank" alt="connect via linkedin">
<i class="fab fa-linkedin fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="http://github.com/raddrick" target="_blank" alt="see what im watching on github">
<i class="fab fa-github fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="https://stackoverflow.com/users/1103617/raddrick" target="_blank" alt="checkout my stackoverflow Q/A">
<i class="fab fa-stack-overflow fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="http://instagram.com/raddrick" target="_blank" alt="follow on instagram">
<i class="fab fa-instagram fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2" alt="follow me soundcloud">
<a href="http://soundcloud.com/raddrick" target="_blank">
<i class="fab fa-soundcloud fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="https://www.mixcloud.com/djrgb/" target="_blank" alt="listen to my other mixes on mixcloud">
<i class="fab fa-mixcloud fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="http://facebook.com/raddstudio" alt="follow us on facebook">
<i class="fab fa-facebook fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="mailto:[email protected]" alt="connect via email">
<i class="fal fa-envelope fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
<div class="col-3 col-xl-4 mt-2">
<a href="https://raddstudio.com/get-started" target="_blank" alt="Get Started">
<i class="fab fa-paypal fa-2x m-md-5 m-xl-0 color-primary-0"> </i>
</a>
</div>
</div>
</div>
</div>
<hr />
<div class="raddstudio container-fluid">
<div class="row">
<div class="logo col-3 col-md-3 text-right">
<a href="http://www.raddstudio.com" target="_new">
<img src="/images/rs_logo_crest_stereo_circle_123x123.png" style="display: inline-block;" />
</a>
</div>
<div class='motto col-9 col-md-9'>
<a href="http://www.raddstudio.com" target="_new">
<h1 style="color:black;">Web .:. Software .:. Ideas</h1>
</a>
</div>
</div>
</div>
<hr />
<a href="https://raddstudio.com/get-started"><img src="https://raddstudio.com/images/329584141_1459576978114276_7798631343438351300_n.png" class="img-fluid rounded-3 mb-4 d-none d-xl-inline" /></a>
</div>
<div class="bulletin">
<div class="latest-posts">
<div class="heading rotate hidden">
<h1>Latest Posts</h1>
</div>
<div class="container-fluid tweets">
<div class="row">
<div class="tweet-block col-sm-10 col-sm-5 col-lg-6">
<a class="twitter-timeline" data-width="1200" data-height="1600" data-link-color="#FAB81E" href="https://twitter.com/radd_rick?ref_src=twsrc%5Etfw">Tweets by radd_rick</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="tweet-block col-sm-10 col-sm-5 col-lg-6">
<a class="twitter-timeline" data-width="1200" data-height="1600" data-link-color="#FAB81E" href="https://twitter.com/raddstudio?ref_src=twsrc%5Etfw">Tweets by raddstudio</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
</div>
</div>
<div class="footer col-sm-12">
<div class="row">
<div class="col-lg-9 col-sm-12">
</div>
<div class="col-lg-3 col-sm-12">
<p className="mr-3 w-100 text-black"><a href="https://raddrick.github.io/">@raddrick</a> / <a href="https://raddstudio.com" target="_blank">RaddStudio.com</a><br /> circa.'007, ©2022</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
$(document).ready(function(){
var avys=$('.avy');
var count = avys.length;
avys.hide();
var select = Math.floor(Math.random() * (count - 1)) + 1
$(avys[select]).show();
});
// personal message and ascii art for console
var message = "Welcome to:\n ,. - ., ,., ;'*¨'`·- ., , ;'*¨'`·- ., ,\n ,' ,. - ., `' ·, ;´ '·., \\`:·-,. , '` ·. \\`:·-,. , '` ·.\n '; '·~;:::::'`, ';\\ .´ .-, ';\\ '\\:/ ;\\:'`:·, '`·, '\\:/ ;\\:'`:·, '`·,\n ; ,':\\::;:´ .·´::\\' / /:\\:'; ;'\\' ; ;'::\\;::::'; ;\\ ; ;'::\\;::::'; ;\\\n ; ·'-·'´,.-·'´:::::'; ,' ,'::'\\'; ;:'; ; ,':::; `·:;; ,':'\\' ; ,':::; `·:;; ,':'\\'\n ;´ ':,´:::::::::::·´' ,.-·' '·~^*'´¨, ';:; ; ;:::; ,·' ,·':::; ; ;:::; ,·' ,·':::;\n '; , `·:;:-·'´ ':, ,·:²*´¨¯'`; ;::'; ; ;:::;' ,.'´,·´:::::; ; ;:::;' ,.'´,·´:::::;\n ; ,':\\'`:·., ` ·., ,' / \\::::::::'; ;::'; ':,·:;::-·´,.·´\\:::::;´' ':,·:;::-·´,.·´\\:::::;´'\n \\·-;::\\:::::'`:·-.,'; ,' ,'::::\\·²*'´¨¯':,'\\:; \\::;. -·´:::::;\\;·´ \\::;. -·´:::::;\\;·´\n \\::\\:;'` ·:;:::::\\::\\' \\`¨\\:::/ \\::\\' \\;'\\::::::::;·´' \\;'\\::::::::;·´'\n '·-·' `' · -'::' '\\::\\;' '\\;' `\\;::-·´ ____ __ `\\;::-·´ __ _\n `¨' / __// /_ __ __ ___/ /(_)___\n _\\ \\ / __// // // _ // // _ \\\n /___/ \\__/ \\_,_/ \\_,_//_/ \\___/\n\nDesign, Develop, and Dream; Rick Graham, c.1983\n\nFollow me on twitter!\n\n @radd_rick\n @raddstudio\n\nSee an issue here?? Dont laugh...let me know! rick at raddstudio dot com";
// I dont want to store the message and raw text, so it is html encoded.
// we can use a span to decode it, there is no method to do this in javascript
// directly.
var node = document.createElement('span');
node.innerHTML = message;
console.log(node.innerHTML);
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-17496104-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-17496104-1');
</script>
</body>
</html>