Commit f1a75057e25529a13e92489d206e7037f6e2c287
Bring in about-me and contact-me styles
Zach! committed on 3/16/2019, 11:14:50 AMParent: 031a84325425dbbca63bf5a9e123f4540f3a31be
Files changed
aesthetic/stylesheets/main.css | changed |
index.html | changed |
contact.html | added |
coolguy.org | added |
questionsuccess.html | deleted |
files/natal-chart.pdf | added |
question-success.html | added |
aesthetic/stylesheets/main.css | ||
---|---|---|
@@ -27,9 +27,9 @@ | ||
27 | 27 | font-size: var(--standard-size); |
28 | 28 | } |
29 | 29 | |
30 | 30 | p { |
31 | - line-height: 1.3em; | |
31 | + line-height: 1.4em; | |
32 | 32 | } |
33 | 33 | |
34 | 34 | li { |
35 | 35 | line-height: 1.2em; |
@@ -96,9 +96,9 @@ | ||
96 | 96 | and #greetings .words corresponds to anything with the class words in the #greetings section (like <div class='words'>) |
97 | 97 | */ |
98 | 98 | |
99 | 99 | /* *B* */ |
100 | -.breadcrumb { | |
100 | +p.breadcrumb { | |
101 | 101 | position: absolute; |
102 | 102 | font-weight: 200; |
103 | 103 | font-style: italic; |
104 | 104 | font-size: 0.75em; |
@@ -107,8 +107,66 @@ | ||
107 | 107 | padding: 1em; |
108 | 108 | padding-top: 0; |
109 | 109 | } |
110 | 110 | |
111 | +p.breadcrumb strong , a{ | |
112 | + font-weight: 300; | |
113 | +} | |
114 | + | |
115 | +p.bottom-breadcrumb{ | |
116 | + padding: 1em; | |
117 | + padding-top: 0; | |
118 | + font-weight: 200; | |
119 | + font-style: italic; | |
120 | + font-size: 0.75em; | |
121 | +} | |
122 | +/*C*/ | |
123 | +#contact { | |
124 | + background: radial-gradient(ellipse at top, #FFDAB9, lavenderblush, transparent), | |
125 | + radial-gradient(ellipse at bottom, #539268,transparent); | |
126 | + padding: 3em; | |
127 | +} | |
128 | + | |
129 | + | |
130 | +#contact li { | |
131 | + margin-bottom: 1em; | |
132 | +} | |
133 | +#contact li:first-child { | |
134 | + margin-top: 1em; | |
135 | +} | |
136 | + | |
137 | +#contact details summary{ | |
138 | + list-style-type: none; | |
139 | +} | |
140 | +#contact details summary:before{ | |
141 | + margin-right: 0.5em; | |
142 | + content: "🔑"; | |
143 | +} | |
144 | + | |
145 | +#contact details .details-message{ | |
146 | + margin-top: 0; | |
147 | + background: #89e5a84d; | |
148 | + padding: 0.5em; | |
149 | +} | |
150 | + | |
151 | +#contact details .details-message p:first-child { | |
152 | + margin-top: 0; | |
153 | +} | |
154 | + | |
155 | +#contact details .key { | |
156 | + font-family: monospace; | |
157 | +} | |
158 | +#contact details aside { | |
159 | + font-weight: 200; | |
160 | + font-style: italic; | |
161 | + font-size: 1.1em; | |
162 | + padding: 0.5em 1em 1em 1em; | |
163 | +} | |
164 | + | |
165 | + | |
166 | + | |
167 | + | |
168 | + | |
111 | 169 | /* *G* */ |
112 | 170 | #greetings { |
113 | 171 | display: grid; |
114 | 172 | grid-template-areas: |
@@ -352,10 +410,10 @@ | ||
352 | 410 | |
353 | 411 | @media (min-width: 800px) { |
354 | 412 | #directory li:last-of-type { |
355 | 413 | grid-column-start: 2; |
414 | +4 | |
356 | 415 | } |
357 | -} | |
358 | 416 | |
359 | 417 | .directory-item .description { |
360 | 418 | color: var(--primary_color); |
361 | 419 | margin-bottom: 1.5em; |
@@ -363,17 +421,16 @@ | ||
363 | 421 | |
364 | 422 | /* .tall is a hack (or maybe proper usage?!) to get all the boxes to line up nice. |
365 | 423 | What this means is that if I have a new section whose lines are real long, |
366 | 424 | then I need to add this class to it. I feel this is fine, though, since I |
367 | - am not adding new items all that much, and so I don't need this to be all | |
425 | +font-weight: 300; | |
368 | 426 | calculated and dynamic, and I can keep the site JS-free. |
369 | 427 | */ |
370 | 428 | |
371 | 429 | #directory .tall { |
372 | 430 | grid-row-end: span 2; |
373 | 431 | } |
374 | - | |
375 | - | |
432 | +4 | |
376 | 433 | .dotted-pattern { |
377 | 434 | position: absolute; |
378 | 435 | height: 102%; |
379 | 436 | width: 100%; |
@@ -386,13 +443,21 @@ | ||
386 | 443 | background-position: 11px 11px, 14px 14px; |
387 | 444 | z-index: -1 |
388 | 445 | } |
389 | 446 | |
390 | -#question-page { | |
447 | +#question4page { | |
448 | + background: var(--primary_4g); | |
449 | + color: var(--primary_color); | |
450 | + padding: 3em; | |
451 | +} | |
452 | + | |
453 | +#question-success { | |
391 | 454 | background: var(--primary_bg); |
392 | 455 | color: var(--primary_color); |
393 | 456 | padding: 3em; |
457 | + height: 100vh; | |
394 | 458 | } |
459 | +font-weight: 300; | |
395 | 460 | @media (max-width: 667px) { |
396 | 461 | #question-page { |
397 | 462 | padding: 0; |
398 | 463 | } |
index.html | ||
---|---|---|
@@ -91,10 +91,10 @@ | ||
91 | 91 | <div class="daiso-page"> |
92 | 92 | <h2>Handy Links</h2> |
93 | 93 | <ul> |
94 | 94 | <li><a href="question.html" title="ask me a question">Ask me a Question</a></li> |
95 | - <li><a href="about.html" title="about me page">Learn more about me.</a></li> | |
96 | - <li><a href="contact.html" title="contact information">Find out how to contact me</a></li> | |
95 | + <li><a href="about-me" title="about zach mandeville">About Me</a></li> | |
96 | + <li><a href="contact.html" title="contact information">How to contact me</a></li> | |
97 | 97 | <li><a href="vans.html" title="galley of cool vans">A collection of vans that I think are cool.</a></li> |
98 | 98 | </ul> |
99 | 99 | </div> |
100 | 100 | </section> |
contact.html | ||
---|---|---|
@@ -1,0 +1,96 @@ | ||
1 | + | |
2 | + | |
3 | +<!--**************************************************************************** | |
4 | +* Contact Me Source Code!! * | |
5 | +*------------------------------------------------------------------------------* | |
6 | +* * | |
7 | +* I read an article about cool html tricks that included the <details> * | |
8 | +* tag and I loved it and wanted to use it. Anytime there's interactivity * | |
9 | +* built into an html tag, i'ma wanna use the tag. They feel like obscure * | |
10 | +* spells i'm learning to use. * | |
11 | +* * | |
12 | +* I listened to nothing but Ursula Le Sin while making this site. It real * | |
13 | +* good and you should check it out: https://soundcloud.com/ursula-le-sin * | |
14 | +* * | |
15 | +**************************************************************************** --> | |
16 | + | |
17 | + | |
18 | +<html> <!-- Helpful Annotations for making a head tag! --> | |
19 | + <!-- Great link to learn more: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML --> | |
20 | + <head> | |
21 | + <!-- What will Show up on your browser window. --> | |
22 | + <title>Coolguy.Website</title> | |
23 | + <!-- Make it so non-latin alphabets and characters (like kanji and quotation marks) show up properly --> | |
24 | + <meta charset="utf-8" /> | |
25 | + <!-- Makes the site change its dimensions based on the device looking at it. In other words, makes it work for phones --> | |
26 | + <meta name="viewport" content="width=device-width, initial-scale=1"> | |
27 | + <!-- Bring in Author and Description, which is used in search results and other sharing. | |
28 | + It also adds that human touch for other coders looking at yr page. Like you and me! --> | |
29 | + <meta name="Author" content="Zach Mandeville" > | |
30 | + <meta name="Description" content="The online home of codewitch, solarpunk, writer, barber, and friend Zach Mandeville."> | |
31 | + | |
32 | + <!-- The next properties determine how the site looks when shared on FB. This just adds a bit of sheen and confidence, a coded power pose. --> | |
33 | + <meta property="og:title" content="Coolguy.Website | Contact" /> | |
34 | + <meta property="og:type" content="website" /> | |
35 | + <meta name='description' content='Facebook is awful, but friends are good, like your friend Zach Mandeville and his website coolguy.website. Find out how to contact him!'> | |
36 | + <meta property="og:image" content="https://coolguy.website/images/zach-dancing-with-robot.gif" /> | |
37 | + <meta property="og:url" content="https://coolguy.website/" /> | |
38 | + | |
39 | + <!-- Same, but for twitter --> | |
40 | + <meta name="twitter:card" content="summary_large_image" /> | |
41 | + <meta name="twitter:title" content="Coolguy.Website: Zach Mandeville's Digital Home" /> | |
42 | + <meta name='twitter:description' content='Twitter is a hell. Coolguy.website is SWELL. Contact the webmaster!'> | |
43 | + <meta name="twitter:image" | |
44 | + content="https://coolguy.website/images/zach-dancing-with-robot.gif" | |
45 | + /> | |
46 | + | |
47 | + <!-- Meta is done, now we can add that sweet styling! | |
48 | + These are external CSS files that contain the styling instructions for my site. | |
49 | + Click on them to check them out! | |
50 | + --> | |
51 | + <link rel="stylesheet" type="text/css" href="aesthetic/stylesheets/main.css"> | |
52 | + <link rel='stylesheet' type='text/css' href='aesthetic/stylesheets/colors-and-fonts.css'> | |
53 | + </head> | |
54 | + <body id="contact"> | |
55 | + <p class="breadcrumb"> You are on <strong>Contact Me</strong> on coolguy.website. Go back <a href="index.html" title="coolguy homepage">home</a>.</p> | |
56 | + <h1>Contacting Me</h1> | |
57 | + <p>I love being contacted and talking to folks. Please reach out if you feel inclined!</p> | |
58 | + <ul> | |
59 | + <li> | |
60 | + <details> | |
61 | + <summary>Email Me at <a href="mailto:webmaster@coolguy.website?subject=Hi Coolguy!&body=Hello coolguy (Cool Guy?):%0A%0AMy name is...um. Jeez, why do I feel so nervous writing this email to you? It's silly, because I am amazing and yet...and yet I feel tongue-tied.%0A%0AI guess...I guess what I'm trying to say is that:%0A%0AI'm just a websurfer, standing in front of a webmaster, trying to tell him...I love you.">webmaster|at|coolguy|dot|website</a></summary> | |
62 | + <div class="details-message"> | |
63 | + <p>PGP Key: <span class="key"> 63E3 E373 A540 C80F 24CE F28D DF7F 6DC0 F2A4 53E5</span></p> | |
64 | + <aside>For more about pgp keys, and why signed/secured emails are great, check out this <a href="https://floraposidonia.xyz/2017/12/16/flora-posidonia-now-offers-secured-e-mail-receipts/" alt="blog post on external site flora posidonia"> wonderful blogpost</a> written by some friends</aside> | |
65 | + </div> | |
66 | + </details> | |
67 | + </li> | |
68 | + <li> | |
69 | + <details> | |
70 | + <summary>Message me and befriend me in the solarpunk forest that is <a href="scuttlebutt.nz" title="external link to scuttlebutt homepage">Scuttlebutt.</a> I'm usually known as Zach! there.</summary> | |
71 | + <div class="details-message"> | |
72 | + <p> | |
73 | + Scuttlebutt Public Key: <span class="key"> @ZqH7Mctu/7DNInxuwl12ECjfrAKUX2tBLq1rOldNhg0=.ed25519</span> | |
74 | + </p> | |
75 | + | |
76 | + <aside>You can use this key to find me, once you've onboarded onto scuttlebutt and joined a pub. This can be a little tricky now, so if you are interested in Scuttlebutt, but not quite sure how to join in, please contact me by email and I'll happily help!</aside> | |
77 | + </details> | |
78 | + </li> | |
79 | + <li> | |
80 | + You can collab on code with me through gitlab, where my name is <a href="https://gitlab.com/zachmandeville" alt="external gitlab profile for zach mandeville">zachmandeville</a> | |
81 | + </li> | |
82 | + <li> | |
83 | + <p>I kinda hate phone calls (because of my class, my generation, and my anxiety I assume any call from an unknown number is a collection agency and any call from a friend is an emergency). If you have my number and want to talk, I guess you can call, but I'd LOVE it if you texted. Texts, especially on <a href="https://www.signal.org/" alt="external link to signal messaging service homepage">Signal</a>, are great!</p> | |
84 | + <aside>(I'd like to share my number here, but that feels like a poor security choice. I apologize for saying 'yah, text me' and then not telling you how.)</aside> | |
85 | + </li> | |
86 | + <li> | |
87 | + If you just wanna ask me a question, you can do so on <a href="question.html" alt="internal ask-a-question page">my Question page</a> | |
88 | + </li> | |
89 | + <li> | |
90 | + <p> | |
91 | + If you see me on the street, just wave and shout 'Hello, Zach!' I will be super happy to see you, and will cross the street for you. | |
92 | + </p> | |
93 | + <p>To be specific, I am in Wellington and hang out on Cuba Street often and also am at the central library a lot (fucking love that place). I'm usually 'lost-in-thought' and I'll likely have an angry face, but I'm not actually angry— it's just my unconscious resting face. Say hey and you'll see this ol' face light right up!</p> | |
94 | + </li> | |
95 | + </ul> | |
96 | + </body> |
coolguy.org | ||
---|---|---|
@@ -1,0 +1,16 @@ | ||
1 | +#+TITLE: Coolguy.website planning | |
2 | +#+AUTHOR: Zach, of course! | |
3 | +#+SEQ_TODO: DREAM MANIFESTING | REALITY | |
4 | + | |
5 | +* DREAM [2/6] Finish Handy Links | |
6 | +** REALITY Write Question Page | |
7 | + CLOSED: [2019-03-16 Sat 22:03] | |
8 | +** MANIFESTING Write Question SUCCESS Page | |
9 | +** REALITY Write About Me Page | |
10 | + CLOSED: [2019-03-16 Sat 22:08] | |
11 | +** DREAM Write Contact Me Page | |
12 | +** DREAM Write 'About This Site' page | |
13 | +** DREAM [0/3] Bring in Vans Page | |
14 | + - [ ] load vans into assets | |
15 | + - [ ] look up dithering for images | |
16 | + - [ ] make up image page and load vans. |
questionsuccess.html | ||
---|---|---|
@@ -1,53 +1,0 @@ | ||
1 | - | |
2 | - | |
3 | -<!-- | |
4 | - ******************************************************************************** | |
5 | - * Ask A Question Success Code!! * | |
6 | - *------------------------------------------------------------------------------* | |
7 | - * * | |
8 | - * The url is a dumb pun...or like humorously ambiguous? You gotta have fun, * | |
9 | - * you gotta laugh, or else...what else is there? * | |
10 | - * * | |
11 | - ******************************************************************************** | |
12 | ---> | |
13 | -<html> <!-- Helpful Annotations for making a head tag! --> | |
14 | - <!-- Great link to learn more: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML --> | |
15 | - <head> | |
16 | - <!-- What will Show up on your browser window. --> | |
17 | - <title>Coolguy.Website</title> | |
18 | - <!-- Make it so non-latin alphabets and characters (like kanji and quotation marks) show up properly --> | |
19 | - <meta charset="utf-8" /> | |
20 | - <!-- Makes the site change its dimensions based on the device looking at it. In other words, makes it work for phones --> | |
21 | - <meta name="viewport" content="width=device-width, initial-scale=1"> | |
22 | - <!-- Bring in Author and Description, which is used in search results and other sharing. | |
23 | - It also adds that human touch for other coders looking at yr page. Like you and me! --> | |
24 | - <meta name="Author" content="Zach Mandeville" > | |
25 | - <meta name="Description" content="The online home of codewitch, solarpunk, writer, barber, and friend Zach Mandeville."> | |
26 | - | |
27 | - <!-- The next properties determine how the site looks when shared on FB. This just adds a bit of sheen and confidence, a coded power pose. --> | |
28 | - <meta property="og:title" content="Coolguy.Website: Zach Mandeville's Digital Home" /> | |
29 | - <meta property="og:type" content="website" /> | |
30 | - <meta name='description' content='Facebook is awful, but friends are good, like your friend Zach Mandeville and his website coolguy.website'> | |
31 | - <meta property="og:image" content="https://coolguy.website/images/zach-dancing-with-robot.gif" /> | |
32 | - <meta property="og:url" content="https://coolguy.website/" /> | |
33 | - | |
34 | - <!-- Same, but for twitter --> | |
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='Twitter is a hell. Coolguy.website is SWELL.'> | |
38 | - <meta name="twitter:image" | |
39 | - content="https://coolguy.website/images/zach-dancing-with-robot.gif" | |
40 | - /> | |
41 | - | |
42 | - <!-- Meta is done, now we can add that sweet styling! | |
43 | - These are external CSS files that contain the styling instructions for my site. | |
44 | - Click on them to check them out! | |
45 | - --> | |
46 | - <link rel="stylesheet" type="text/css" href="aesthetic/stylesheets/main.css"> | |
47 | - <link rel='stylesheet' type='text/css' href='aesthetic/stylesheets/colors-and-fonts.css'> | |
48 | - </head> | |
49 | - <body id="question-page"> | |
50 | - <h1>Question sent Successfully!</h1> | |
51 | - <p>Thank you! I'll get back to you as soon as I can!</p> | |
52 | - <a href="index.html" title="coolguy homepage">Go back home.</a> | |
53 | - </body> |
files/natal-chart.pdf | ||
---|---|---|
@@ -1,0 +1,1906 @@ | ||
1 | +%PDF-1.4 | |
2 | +1 0 obj | |
3 | +<< | |
4 | +/Title (�� N a t a l C h a r t R e p o r t) | |
5 | +/Creator (�� w k h t m l t o p d f 0 . 1 2 . 2 . 1) | |
6 | +/Producer (�� Q t 4 . 8 . 6) | |
7 | +/CreationDate (D:20190311090644Z) | |
8 | +>> | |
9 | +endobj | |
10 | +3 0 obj | |
11 | +<< | |
12 | +/Type /ExtGState | |
13 | +/SA true | |
14 | +/SM 0.02 | |
15 | +/ca 1.0 | |
16 | +/CA 1.0 | |
17 | +/AIS false | |
18 | +/SMask /None>> | |
19 | +endobj | |
20 | +4 0 obj | |
21 | +[/Pattern /DeviceRGB] | |
22 | +endobj | |
23 | +8 0 obj | |
24 | +[0 /XYZ 66.2399999 | |
25 | +748.399999 0] | |
26 | +endobj | |
27 | +9 0 obj | |
28 | +[0 /XYZ 66.2399999 | |
29 | +690.799999 0] | |
30 | +endobj | |
31 | +10 0 obj | |
32 | +[0 /XYZ 66.2399999 | |
33 | +632.240000 0] | |
34 | +endobj | |
35 | +11 0 obj | |
36 | +[0 /XYZ 66.2399999 | |
37 | +596.720000 0] | |
38 | +endobj | |
39 | +12 0 obj | |
40 | +<< | |
41 | +/Type /Annot | |
42 | +/Subtype /Link | |
43 | +/Rect [66.2399999 709.039999 526.079999 720.559999 ] | |
44 | +/Border [0 0 0] | |
45 | +/A << | |
46 | +/Type /Action | |
47 | +/S /URI | |
48 | +/URI (https://astro.cafeastrology.com/natal.php) | |
49 | +>> | |
50 | +>> | |
51 | +endobj | |
52 | +13 0 obj | |
53 | +<< | |
54 | +/Type /Annot | |
55 | +/Subtype /Link | |
56 | +/Rect [66.2399999 646.639999 173.759999 662 ] | |
57 | +/Border [0 0 0] | |
58 | +/A << | |
59 | +/Type /Action | |
60 | +/S /URI | |
61 | +/URI (https://astro.cafeastrology.com/index.php) | |
62 | +>> | |
63 | +>> | |
64 | +endobj | |
65 | +5 0 obj | |
66 | +<< | |
67 | +/Type /Page | |
68 | +/Parent 2 0 R | |
69 | +/Contents 15 0 R | |
70 | +/Resources 17 0 R | |
71 | +/Annots 18 0 R | |
72 | +/MediaBox [0 0 595 842] | |
73 | +>> | |
74 | +endobj | |
75 | +17 0 obj | |
76 | +<< | |
77 | +/ColorSpace << | |
78 | +/PCSp 4 0 R | |
79 | +/CSp /DeviceRGB | |
80 | +/CSpg /DeviceGray | |
81 | +>> | |
82 | +/ExtGState << | |
83 | +/GSa 3 0 R | |
84 | +>> | |
85 | +/Pattern << | |
86 | +>> | |
87 | +/Font << | |
88 | +/F6 6 0 R | |
89 | +/F7 7 0 R | |
90 | +/F14 14 0 R | |
91 | +>> | |
92 | +/XObject << | |
93 | +>> | |
94 | +>> | |
95 | +endobj | |
96 | +18 0 obj | |
97 | +[ 12 0 R 13 0 R ] | |
98 | +endobj | |
99 | +15 0 obj | |
100 | +<< | |
101 | +/Length 16 0 R | |
102 | +/Filter /FlateDecode | |
103 | +>> | |
104 | +stream | |
105 | +x��]Ko#���W�9��4�~A �3 � ��C�C0�M��Y��C�~(5ٖ��(�s�MYmƒZ�|T������ſ~/>>|�O���}���ʪ�Ɵb�����^����S|��y.�7��G�����F��{�����Y��m�qlw3~������ | |
106 | +]�ž�����ퟟ�3�_���ʔ���ط���*S u��������������m�t�+]�~;x�6��*�����.T�TٷMm��?����u�����Ҩ����|��t�ɨʦi�VwuS���[���}Q~.�_Z>�Q��:cP}W(˘������_lsl���yk�o��WLn�'�-Z7�� ��������U����eB���d"A..'���ܠ��߾�M=Tjh��M7�c֜}�Xm��Uw��t�S6g氹��U�]���.�m��_��|�������p�v��n_�U��F���2���vƓ�����҅g������/V(���;e;x1�y���U�����-�P*�~ݨ�쵝�f����(�CT��_1�+]YW���:�zw�����^ػҸ+uc�ػҎO3�6�9xZ7^��>���+}ٌ�>k<�o��A0�;߃���s?�����ן��Zx�oE��[(i��X�u��\�{��_��շ���o���2�!��e�=�ctg�.����S�+C�ckڲxc�hS���G7G��{ݻ���ٖuз��������ϻ��]�ռo�J0�\�|�_mK1z]����?9�����g?�`�����aFJ�&��ڳ�C{�w勻b� rg����^߿��*UtUt�Ǩ�IՌ+s�R���zή^m�f�Ҽ���y�U�n�IqUP���&���0��}�T����IE��z�듊��P:��9w�_ϸ������W5�M��S���;��s�ӹ/��!�5�\ +Og��:[)4̅���2�5�o�k�=�vW��V۱+5O�o�����z@K�4<�n�G�*���u�%���͎S��q�: | |
107 | +T�-ݲ�:O|��J�4��5�Lk��FZ��T�B)�)5�)`C��q�!0�T�8"��L;D�4�� ���{�g�m��v��}�T���1W���T��u�Vv���I | |
108 | +�UO&g��ܩ� ŝ�މ��"���������l5�Hz���C'��h�y���] ����w�-��qp�,z�r�yވ#B~� | |
109 | +c%b�����l2�Ns���W] [�L����� ���g�=OΕJP��0�?퓻'�x<�!�0l�0��=-4l��J��Lm<̉��H�v0Nj�my��p<�Qj�c���Rl�k | |
110 | +�r��<�����zs"6Y�[d36�x~��5!�"2߃�adH*�%�#�8���|wvO��=���<B�D��3�`>��� | |
111 | +Λ�"�OD[�rO]^f�53@9_���ϙ��#"3,*�e�#J��r8�Ox �0�;��cF�Qڀ�Q&��#�c��X귃$r��R��+��L� ��h�W�P�oZ!�VyL9�Z�'W �s�g8�{�K/�,�c3l|;A�����x��Bi���Cg��"���=F1�$����J�< )����H"Q̔-���Ŭ��6;�� l��ଫ�kݸv�_<�씜�L} �J���ABQ�Qƈ��� =�A�Z��v���k���8��c��b��xoH��=GIQ�*��cė��~͈]��Q�/�}aւh��d(g4���2R�����)����@~k/����-��焍���,S�m"�������Q��hj���O��5��Y�ج���5v�� | |
112 | +�i�`�\�g�,��2�E`�n�9+���a���3�!�L�'��/ne'+�g�Y~#���^�8����:��z��N���~NYO�l���������Q�+��3x�A�� ��������S�ε��xqK}��U�s�sF9m}zլ�<�� | |
113 | +�� =NIƞXgQ2��nL|O�7�5�/�#���E�PJ�zg12�dB.��)���[��ufQ���a�j{(g�Է�gKv����*��(�c0��)��Ȣ���>���Q�?�=~;�E�2Ys��=U��� ��?L$ r������~1��gl"0�� m՟�<��Ɵ7i7�j�NP[�\V�n���<�{�!;M8�N�o��9b�`)�X'�� �y��c���'D��Nfz����� ����\�cC��P�c�,�%��c)1>=Qt�D�<Y�/��g,2U_��3�����},�i�1����i"q��������H&��L"�5�^ܛA��"�W)Œ����ʓ�l�M�33rFS�ϙ���$�� | |
114 | +���Ah�R� SL4+��v�皩�/�����&lu��΄��Tt��&Ҹ������hMē�}m��ѽ���c��kV�]}r .��s�ڙʵDӌBW��������#�����[ڹt�pr)�J4�:��-��Q����Z8w��[�]kD4:�ZR�S�<뜱�tU�$ծ�D��T��D�S��v������>�h��#/�v,��_��jA����;�V���_q��n:����{�K H���Z��-��,|E�c�{"9��G!��i'JS� �5#45�i5�i��κ���M��Ͳ��35p�C^Žf�@6�v��C��ca���ɯ����E#z�H��\��N��t�YE�d�0�Z���j���������L���`l�g���T�ʸ����Ǡs>�>�����9�$�R0��.��Xt'>��k`R�� �l]�r"�t)RO^�E~�����f���T]�ޘ����g� | |
115 | +��`��X�ڌ���0H�����5=ýL-{�S)��S� | |
116 | +�v���N�5'���������M������x�y;�{�=���$F��6ݭ��A�e#c �+�{�dO��2.�7���I*��^%���e�.�|�zML�"����ɈDe'*JD�Rպ�Y)� | |
117 | +�f�s���9dxv��3�� ˟KH��&�ٲ2%������2}c2�EO����9*̹������c Dvk�:ڲ�@������.���/g&.nSQ���D���]��5����u���:��^s��/rބ�s��#�K��e��]Iy�0vf��3u��u�쥋���� �p��X�)��-L��I�wV�D��S��U�s�������^bM%[y4�1���y`RJq��Y19��bΏ`��(���b&S����D!���S���/��Zвu�e=� | |
118 | +s�l��螞�#V��R�2�jwx��/�آ5<�yᘽ��d'���w!SȈ��q��Z.Z�誧�`\Ox���ew �L��k��)����*��Cd�3�FP�seCn6�Y���,���x��U+"gv3{�r�"�uz�T=��3y�����X�ѥeo�Y>�t�a�:#T �:�LL���]���������)$�bd�Hc0:�!d<PT�X�g���'����xo�RY ��H݀�Q�t2�l�{JWb��.�*?��?{�D�[<[�vG1��ۏn����{�d���6z�g����q�c�.,���Fs�ن�q�c�����<NlgE�x*�|��6���?}�SW<n��Il� | |
119 | +endstream | |
120 | +endobj | |
121 | +16 0 obj | |
122 | +3606 | |
123 | +endobj | |
124 | +20 0 obj | |
125 | +[1 /XYZ 66.2399999 | |
126 | +609.199999 0] | |
127 | +endobj | |
128 | +19 0 obj | |
129 | +<< | |
130 | +/Type /Page | |
131 | +/Parent 2 0 R | |
132 | +/Contents 21 0 R | |
133 | +/Resources 23 0 R | |
134 | +/Annots 24 0 R | |
135 | +/MediaBox [0 0 595 842] | |
136 | +>> | |
137 | +endobj | |
138 | +23 0 obj | |
139 | +<< | |
140 | +/ColorSpace << | |
141 | +/PCSp 4 0 R | |
142 | +/CSp /DeviceRGB | |
143 | +/CSpg /DeviceGray | |
144 | +>> | |
145 | +/ExtGState << | |
146 | +/GSa 3 0 R | |
147 | +>> | |
148 | +/Pattern << | |
149 | +>> | |
150 | +/Font << | |
151 | +/F6 6 0 R | |
152 | +/F7 7 0 R | |
153 | +/F14 14 0 R | |
154 | +>> | |
155 | +/XObject << | |
156 | +>> | |
157 | +>> | |
158 | +endobj | |
159 | +24 0 obj | |
160 | +[ ] | |
161 | +endobj | |
162 | +21 0 obj | |
163 | +<< | |
164 | +/Length 22 0 R | |
165 | +/Filter /FlateDecode | |
166 | +>> | |
167 | +stream | |
168 | +x��ˮܸ���Zp�7Q��� Y0l � ��3�`��3��~(��t����f�tz̹訋�*��x��?�g�ߋ�/_�[|�__��QX�+�oNQK}�U��+��r�^|?|>|v��~���}��.v�>��o�����//u���P�_�O?����C���~94��Gg�������Z4�%���������?��S�Z*#�&p��э���p뱑�5�(��{U�F�ƶ��*�t��7���\M�.J�~Y����'g{�\�>P��l�RZm | |
169 | +c����-ۥ�T���d�\�[֦ �K��e#b��▕�e��e#b��K[�KPn���(����-��5�v�����Zog\[,�:��V2Xvu~M���q~Md�-�:�&&�[ {=4,#t�a�2B�q,#tH����}�=�-�u�'� [ː8��[n�bO��x�m�A� !@�bO���:��B��e�a�D趷�mz������m z�Z��B����3�=1�-#�#�`��Þ% �]�1�!@�aOz�Z��C��r�a���v���m���`���m z�֢�A����3�=!�-#�#�`��Ğ% �]�A� !@�bOzˮ� �����j�=�,#tG��2B�q,#tH��rӠ�A����3�=!�-#�#�`��Ğ% �]�A� !@�bOz���.{B�[n5Þ����#�`��8�� $��r��=�-�u�'� [ː8��[n�bO��x�m�A� !@�bO���:��B��e�a�D趷�mz������m z˶�'� �eWg{b�[F�G����3�=!J,�:c�C�"�Þ��m bOz˭�A����2B�q,#tG��2B���-75�=,�:��B��2"�8�]�A�P�`��Ğ1� ������(�����j�=�,#tG��2B�q,#tH���FK{"�[n�bO��!q�����Ğ%��:��B�"�Ğl-�u�'� [�^�0��mo��8��!��#@o��@��-� �-�m$��q�`�lQo`�(I�lQ�~���qư'� �e�z� � �e�z�D��e�n�0XF�6� �e�n� �a8�1 �p�3��ĵU���dnK�#��O=�Kp�ۅM�������xw��\�ҽ�/g�#-���j�⁖�[Au��>�rxC��H��-b�/�V�~�/�V���ߜ�����Dn�����H�l�B 8�M�&X^�����e�8���>zo�,��3� 9���oBWÛп����zx���,���j,|u������o�pi����B(���χ��d]����x�W��0�_��w����{�O�y?��N����>�M�4�N��<�����i:ޣ�-�+U���>�4F���W������lt j������vb�f�Cۡ˦�=Z�G��'�2ڴ�d���(�y�����������!�F_����!Rm9�o�8YE�Q��ެ9��Dڣd �R�O��l%�bJg2G�և�ʙ��*�S�T��۵79� ���o���oh���kEF��O���#��B���ŋ~lhwщ���i�?�@-$ �<�dj&D����s��(-D�G��9�$�<N���d�A��(�O}"�V�*4H���y5�K@7!��0�NM����</�kF2w>��}�>�>�� %���������i��UP����A~����јe%u�U6Z:�{ lBn�> |