Files: e444de058b0fe85b963d034244f135fb079ac7c9 / question.html
6875 bytesRaw
| 1 | |
| 2 | |
| 3 | <!--**************************************************************************** |
| 4 | * Ask A Question Source Code!! * |
| 5 | *------------------------------------------------------------------------------* |
| 6 | * * |
| 7 | * This is a new one and I'm a little worried that no one will ask one, * |
| 8 | * and then i'll have this big empty page (kind of the same worry of keeping * |
| 9 | * a calendar and realizing you got no events going on). Though in the * |
| 10 | * calendar's case, I just keep forgetting to update it, but am v. happy it is * |
| 11 | * there, so it'll likely be the same for these questions! * |
| 12 | * * |
| 13 | * I am writing this at the library, the week before scuttlecamp. I'd been * |
| 14 | * up my own ass these last couple of months to really feel how exciting * |
| 15 | * scuttlecamp would be, and now I'm buzzing with excitement and meeting all * |
| 16 | * of these people who've only been avatars and kind words before. I just * |
| 17 | * finished the manga Orange (like finished it twenty minutes ago) and now * |
| 18 | * I'm a little loopy and weepy and appreciative of friends. Here's what * |
| 19 | * I, the webmaster of this site, say: stop reading this code! Go read * |
| 20 | * Orange instead! Then call and hug your family and friends! Then come back * |
| 21 | * to this code, as you'll be truly read to understand it. * |
| 22 | * * |
| 23 | **************************************************************************** --> |
| 24 | |
| 25 | <html> <!-- Helpful Annotations for making a head tag! --> |
| 26 | <!-- Great link to learn more: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML --> |
| 27 | <head> |
| 28 | <!-- What will Show up on your browser window. --> |
| 29 | <title>Coolguy.Website</title> |
| 30 | <!-- Make it so non-latin alphabets and characters (like kanji and quotation marks) show up properly --> |
| 31 | <meta charset="utf-8" /> |
| 32 | <!-- Makes the site change its dimensions based on the device looking at it. In other words, makes it work for phones --> |
| 33 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 34 | <!-- Bring in Author and Description, which is used in search results and other sharing. |
| 35 | It also adds that human touch for other coders looking at yr page. Like you and me! --> |
| 36 | <meta name="Author" content="Zach Mandeville" > |
| 37 | <meta name="Description" content="The online home of codewitch, solarpunk, writer, barber, and friend Zach Mandeville."> |
| 38 | |
| 39 | <!-- 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. --> |
| 40 | <meta property="og:title" content="Coolguy.Website: Zach Mandeville's Digital Home" /> |
| 41 | <meta property="og:type" content="website" /> |
| 42 | <meta name='description' content='Facebook is awful, but friends are good, like your friend Zach Mandeville and his website coolguy.website'> |
| 43 | <meta property="og:image" content="https://coolguy.website/images/zach-dancing-with-robot.gif" /> |
| 44 | <meta property="og:url" content="https://coolguy.website/" /> |
| 45 | |
| 46 | <!-- Same, but for twitter --> |
| 47 | <meta name="twitter:card" content="summary_large_image" /> |
| 48 | <meta name="twitter:title" content="Coolguy.Website: Zach Mandeville's Digital Home" /> |
| 49 | <meta name='twitter:description' content='Twitter is a hell. Coolguy.website is SWELL.'> |
| 50 | <meta name="twitter:image" |
| 51 | content="https://coolguy.website/images/zach-dancing-with-robot.gif" |
| 52 | /> |
| 53 | |
| 54 | <!-- Meta is done, now we can add that sweet styling! |
| 55 | These are external CSS files that contain the styling instructions for my site. |
| 56 | Click on them to check them out! |
| 57 | --> |
| 58 | <link rel="stylesheet" type="text/css" href="aesthetic/stylesheets/main.css"> |
| 59 | <link rel='stylesheet' type='text/css' href='aesthetic/stylesheets/colors-and-fonts.css'> |
| 60 | </head> |
| 61 | <body id="question-page"> |
| 62 | <p class="breadcrumb"> You are in the querying section of coolguy.website. Go back <a href="index.html" title="coolguy homepage">home</a>.</p> |
| 63 | <h1>Ask Me a Question!</h1> |
| 64 | <section id="q-introduction"> |
| 65 | <p><strong>Are you curious about me, my life, what I ate for lunch, what my darkest fears might be?</strong> Then please, ask away!</p> |
| 66 | <p><strong>Do you have a question about computers, love, tarot, html, boardgames, good music, and where to eat in <abbr title="Olympia Washington, the beautiful forest gem.">Olympia</abbr> or <abbr title="Wellington, New Zealand; the humble island paradise">Wellington</abbr>?</strong> I got answers for ALL of that!</p> |
| 67 | <p><strong>Do you have another question you'd like to ask, but unsure if it's appropriate?</strong> Friend, ask it! It's all good and I'm here to hear, as they say!</p> |
| 68 | <p><strong>I like taking questions and will answer any I can!</strong> And through this we can have a slow, but rich, dialogue!</p> |
| 69 | <p><em>Answers will be given via email, or shared on this page, whatever be your preference.</em></p> |
| 70 | </section> |
| 71 | <section id="question-form" class="daiso-card"> |
| 72 | <form class="daiso-page" method="post" action="https://www.briskforms.com/go/4732d0518d78526695008d16e7ee2012"> |
| 73 | <label for="question">Your Question</label> |
| 74 | <textarea id="question" name="question"required placeholder="I was wondering..."></textarea> |
| 75 | <fieldset id="querent"> |
| 76 | <legend>About Yourself</legend> |
| 77 | <aside>These are optional (But i'll need your address if you want me to email you.)</aside> |
| 78 | <label for="querant">What's your name?<input type="text" id="querant" name="querant"></label> |
| 79 | <label for="email">What's the best email to get back to you? <input type="text" id="email" name="email"></label> |
| 80 | </fieldset> |
| 81 | <fieldset id="reply-pref"> |
| 82 | <legend>How would you like me to reply?</legend> |
| 83 | <span><input type="radio" name="reply-pref" id="email" value="email"> <label for="email">By Email</label></span> |
| 84 | <span> |
| 85 | <input type="radio" name="reply-pref" id="webpage" value="webpage"> <label for="webpage">On this webpage.</label> |
| 86 | </span> |
| 87 | <span> |
| 88 | <input type="radio" name="reply-pref" id="email-webpage"> <label for="email-webpage">By email and on this webpage.</label> |
| 89 | </span> |
| 90 | <span> |
| 91 | <input type="radio" name="reply-pref" id="no-reply"> <label for="no-reply">Please don't reply. I just wanted to ask.</label> |
| 92 | </span> |
| 93 | </fieldset> |
| 94 | <input type="submit" name="submit" value="Submit!"> |
| 95 | </form> |
| 96 | </section> |
| 97 | </body> |
| 98 |
Built with git-ssb-web