diff --git a/about.html b/about.html new file mode 100644 index 000000000..bccc4d5b8 --- /dev/null +++ b/about.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="styles/styles.css"> + <title>Sai Samant</title> + </head> + <body> + <header> + <div class="hello"> + <h1>< about ></h1> + </div> + + <div class="nav"> + <nav> + <ul> + <li><a href="index.html">home</a></li> + <li><a href="portfolio.html">code</a></li> + <li><a href="blog.html">other</a></li> + + </ul> + </nav> + </div> + </header> + + <main > + <section class = "about"> + <p>I am student at Ada Developers Academy where I am training to become a software engineer. We are learning Ruby, Rails, HTM & CSS, JavaScript, test-driven development, and agile and pair-programming practices. A major part of why Ada appeals to me is its <a href="http://adadevelopersacademy.org/program">social-justice mission</a> to help women and people of non-binary gender succeed in tech.</p> + <p>Coding and parenting take up most of my time these days, but I have been known to enjoy running on trails in Seattle's many beautiful parks, reading, watching sitcoms, following politics, knitting, eating french fries, and catching up on sleep.</p> + <p>I maintain a very spotty social media presence across too many platforms:</p> + <ul class = "social-media"> + <li><a href="https://twitter.com/saisamant", target = "_blank"><img src="assets/twitter.svg" alt="twitter" height="40px"></a></li> + <li><a id="ravelry" href="http://www.ravelry.com/people/samtheant", target = "_blank"><img src="assets/ravelry.svg" alt="knit" height="40px"></a></li> + <li><a href="https://instagram.com/onestripedsock", target = "_blank"><img src="assets/instagram.svg" alt="insta" height="40px"></a></li> + <li><a href="https://facebook.com/ssamant", target = "_blank"><img src="assets/fb.svg" alt="fb" height="40px"></a></li> + </ul> + </section> + </main> + + <footer> + <div class="disclaim"> + <p>©2017</p> + </div> + + <div class="contact"> + <p>Get in touch: sai samant (@) gmail (dot) com</p> + <h2>< good-bye. ></h2> + </div> + </footer> + </body> +</html> diff --git a/assets/fb.svg b/assets/fb.svg new file mode 100644 index 000000000..71b4ebfe2 --- /dev/null +++ b/assets/fb.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.164,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M19.488,15.999h-2.239v8.124h-3.357V16h-1.677 v-2.8h1.677v-1.681c0-2.284,0.947-3.642,3.637-3.642h2.24v2.8h-1.4c-1.047,0-1.117,0.392-1.117,1.121L17.249,13.2h2.536 L19.488,15.999z"/></g></g></svg> \ No newline at end of file diff --git a/assets/github.svg b/assets/github.svg new file mode 100644 index 000000000..2ebfcb6ce --- /dev/null +++ b/assets/github.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.163,0,0,7.163,0,16c0,8.837,7.164,16,16,16c8.837,0,16-7.163,16-16C32,7.163,24.837,0,16,0z M18.067,18.96 c0.333,0.289,0.592,1.308,0.592,1.776v4.144h-2.365h-2.368c0,0,0.007-1.405,0-2.368c-3.24,0.697-4.144-1.776-4.144-1.776 C9.19,19.552,8.598,18.96,8.598,18.96c-1.184-0.703,0-0.592,0-0.592c1.184,0,1.776,1.184,1.776,1.184 c1.039,1.764,2.888,1.48,3.552,1.184c0-0.592,0.259-1.487,0.592-1.776c-2.586-0.291-4.738-1.776-4.738-4.736 c0-2.96,0.594-3.552,1.186-4.144c-0.12-0.292-0.615-1.37,0.018-2.96c0,0,1.163,0,2.347,1.776c0.587-0.587,2.368-0.592,2.961-0.592 c0.591,0,2.373,0.005,2.959,0.592c1.184-1.776,2.35-1.776,2.35-1.776c0.633,1.59,0.138,2.668,0.018,2.96 c0.592,0.592,1.184,1.184,1.184,4.144C22.804,17.184,20.654,18.669,18.067,18.96z"/></g></g></svg> \ No newline at end of file diff --git a/assets/instagram.svg b/assets/instagram.svg new file mode 100644 index 000000000..3731d2ec3 --- /dev/null +++ b/assets/instagram.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><g><path d="M20.842,16.139c0,2.584-2.163,4.68-4.831,4.68c-2.666,0-4.83-2.097-4.83-4.68c0-0.464,0.071-0.911,0.201-1.334 l-1.211-0.263v6.801c0,0.341,0.146,0.486,0.486,0.486h10.687c0.34,0,0.486-0.145,0.486-0.486v-6.801l-1.188,0.263 C20.771,15.229,20.842,15.675,20.842,16.139z"/></g><g><ellipse cx="16.011" cy="15.971" rx="3.121" ry="3.025"/></g><g><path d="M16,0C7.164,0,0,7.163,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M23.773,21.829 c0,1.097-0.846,1.943-1.943,1.943H10.171c-1.097,0-1.943-0.846-1.943-1.943V10.17c0-1.097,0.846-1.943,1.943-1.943h11.659 c1.097,0,1.943,0.846,1.943,1.943V21.829z"/></g><g><path d="M21.344,10.17H19.4c-0.269,0-0.486,0.217-0.486,0.486v1.943c0,0.269,0.217,0.486,0.486,0.486h1.943 c0.269,0,0.486-0.217,0.486-0.486v-1.943C21.829,10.388,21.612,10.17,21.344,10.17z"/></g></g></g></svg> \ No newline at end of file diff --git a/assets/linkedin.svg b/assets/linkedin.svg new file mode 100644 index 000000000..6f0207bb2 --- /dev/null +++ b/assets/linkedin.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.163,0,16c0,8.836,7.164,16,16,16s16-7.164,16-16C32,7.163,24.836,0,16,0z M11.844,22.277H8.58v-9.82 h3.264V22.277z M10.212,11.116h-0.021c-1.096,0-1.804-0.755-1.804-1.697c0-0.963,0.73-1.696,1.846-1.696 c1.116,0,1.804,0.733,1.825,1.696C12.058,10.362,11.349,11.116,10.212,11.116z M23.613,22.277L23.613,22.277l-3.264,0v-5.254 c0-1.32-0.472-2.22-1.654-2.22c-0.901,0-1.438,0.607-1.674,1.194c-0.086,0.21-0.108,0.503-0.108,0.796v5.484H13.65 c0,0,0.043-8.898,0-9.82h3.264v1.391c0.433-0.669,1.209-1.622,2.942-1.622c2.147,0,3.757,1.404,3.757,4.42V22.277z"/></g></g></svg> \ No newline at end of file diff --git a/assets/ravelry.svg b/assets/ravelry.svg new file mode 100644 index 000000000..90874cb43 --- /dev/null +++ b/assets/ravelry.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path clip-rule="evenodd" d="M486.591,0H25.701C11.486,0,0,11.491,0,25.706v460.891 C0,500.519,11.486,512,25.701,512h460.89c13.912,0,25.409-11.48,25.409-25.403V25.706C512,11.491,500.503,0,486.591,0L486.591,0z M253.427,251.614h200.506v26.014H253.427v26.009h200.506v26.009H253.427h-39.009H58.056v-26.009h156.362v-26.009H58.056v-26.014 h156.362V134.276h39.009v42.337c10.882-16.934,20.557-29.03,29.034-35.684c8.77-6.956,18.141-10.285,28.419-10.285 c6.956,0,14.215,1.513,21.473,4.843c7.26,3.021,15.121,7.858,23.297,14.21l-21.172,34.781c-6.353-5.443-12.402-9.68-18.151-12.096 c-6.05-2.422-12.09-3.627-18.442-3.627c-10.591,0-19.66,4.535-27.523,13.302c-8.164,8.772-13.61,21.171-16.933,37.203V251.614z M58.056,355.654h395.877v26.009H58.056V355.654z" fill="#040404" fill-rule="evenodd"/></g></svg> \ No newline at end of file diff --git a/assets/ruby-logo.svg b/assets/ruby-logo.svg new file mode 100644 index 000000000..0bc0616ba --- /dev/null +++ b/assets/ruby-logo.svg @@ -0,0 +1,66 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + enable-background="new 0 0 128 128" + height="512" + id="Layer_1" + version="1.1" + viewBox="0 0 512 512" + width="512" + xml:space="preserve" + sodipodi:docname="ruby-logo.svg" + inkscape:version="0.92.0 r"><metadata + id="metadata17"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs + id="defs15" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="2560" + inkscape:window-height="1311" + id="namedview13" + showgrid="false" + inkscape:zoom="0.921875" + inkscape:cx="247.16691" + inkscape:cy="227.32698" + inkscape:window-x="0" + inkscape:window-y="55" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" /><g + id="g829" + transform="matrix(4.809318,0,0,4.809318,-51.820399,-1896.6099)"><path + inkscape:connector-curvature="0" + id="path2" + d="m 112.005,434.192 h -96 c -0.778,0 -1.485,-0.451 -1.813,-1.157 -0.328,-0.706 -0.217,-1.538 0.284,-2.132 L 37.5,403.595 c 0.38,-0.451 0.939,-0.711 1.529,-0.711 h 49.957 c 0.59,0 1.149,0.26 1.529,0.711 l 23.019,27.308 c 0.501,0.595 0.612,1.427 0.284,2.132 -0.328,0.705 -1.035,1.157 -1.813,1.157 z m -91.697,-4 h 87.396 L 88.057,406.884 H 39.959 Z" /><polygon + transform="translate(0,384)" + id="polygon4" + points="14.475,49.48 17.535,46.904 64.005,102.088 110.475,46.904 113.535,49.48 64.005,108.299 " /><path + inkscape:connector-curvature="0" + id="path6" + d="m 64.005,491.193 v 0 c -0.849,0 -1.604,-0.535 -1.886,-1.335 L 42.023,432.857 c -0.221,-0.625 -0.117,-1.317 0.275,-1.851 l 20.096,-27.308 c 0.752,-1.024 2.467,-1.024 3.221,0 l 20.1,27.308 c 0.393,0.533 0.496,1.226 0.275,1.851 l -20.1,57.001 c -0.281,0.8 -1.036,1.335 -1.885,1.335 z m -17.858,-58.668 17.857,50.654 17.861,-50.654 -17.86,-24.267 z" /><rect + style="stroke-width:0.99999207" + id="rect8" + y="30.798977" + x="405.43576" + width="27.73978" + transform="rotate(79.868882)" + height="3.9999683" /><rect + style="stroke-width:1.00000966" + id="rect10" + y="382.90067" + x="156.85788" + width="4.0000386" + transform="rotate(10.136758)" + height="27.741268" /></g></svg> \ No newline at end of file diff --git a/assets/twitter.svg b/assets/twitter.svg new file mode 100644 index 000000000..fbc4cd577 --- /dev/null +++ b/assets/twitter.svg @@ -0,0 +1 @@ +<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="OUTLINE_copy_2"><g><path d="M16,0C7.164,0,0,7.164,0,16s7.164,16,16,16s16-7.164,16-16S24.836,0,16,0z M24.44,10.857 c-0.074,0.124-0.454,0.559-0.86,0.956c-0.688,0.683-0.725,0.757-0.725,1.329c0,0.881-0.417,2.72-0.835,3.725 c-0.774,1.888-2.432,3.838-4.091,4.82c-2.334,1.378-5.442,1.727-8.059,0.919c-0.872-0.274-2.371-0.969-2.371-1.093 c0-0.038,0.454-0.087,1.008-0.1c1.155-0.024,2.31-0.346,3.292-0.919l0.663-0.398l-0.762-0.26c-1.081-0.373-2.051-1.23-2.297-2.037 c-0.074-0.261-0.049-0.274,0.638-0.274l0.712-0.012l-0.602-0.286c-0.713-0.361-1.364-0.968-1.683-1.59 c-0.233-0.447-0.528-1.577-0.442-1.664c0.025-0.037,0.283,0.038,0.577,0.137c0.847,0.311,0.958,0.236,0.467-0.286 c-0.921-0.944-1.204-2.347-0.762-3.676l0.209-0.596l0.811,0.807c1.659,1.627,3.612,2.596,5.847,2.881l0.614,0.074l-0.037-0.609 c-0.11-1.577,0.86-3.018,2.396-3.577c0.565-0.199,1.524-0.223,2.15-0.05c0.246,0.074,0.712,0.323,1.044,0.546l0.602,0.41 l0.663-0.212c0.369-0.111,0.86-0.298,1.081-0.422c0.209-0.112,0.393-0.174,0.393-0.137c0,0.211-0.455,0.932-0.835,1.329 c-0.517,0.559-0.369,0.609,0.675,0.236C24.55,10.621,24.563,10.621,24.44,10.857z"/></g></g></svg> \ No newline at end of file diff --git a/blog.html b/blog.html new file mode 100644 index 000000000..3d4facb8e --- /dev/null +++ b/blog.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="styles/styles.css"> + <title>Sai Samant</title> + </head> + + <body> + <header> + <div class="hello"> + <h1>< fun stuff ></h1> + </div> + <div class="nav"> + <nav> + <ul> + <li><a href="index.html">home</a></li> + <li><a href="portfolio.html">code</a></li> + <li><a href="about.html">me</a></li> + </ul> + </nav> + </div> + </header> + + <main> + <section class="all-interests"> + <article class="interest"> + <article class="podcasts"> + <h4>Podcasts</h4> + <p>I spend more time than I should listening to podcasts. Below are some of my current favorites. Subscribe to these podcasts through your favorite podcast app (I use the native Podcast iphone app).</p> + <ul> + <li><a href="https://www.buzzfeed.com/anotherround" target="_blank">Another Round with Heben and Tracy</a><p>Heben and Tracy interview so many interesting people and ask such good questions. They get to the point while being funny and sharp. Some highlights for me: #57 (with poet Jenny Zhang), #28 (with Hillary Clinton), and #3 (with Issa Rae, before her show Insecure came on). And a million others I won't list here (Ta-Nehisi Coates! Padma Lakshmi! Melissa Harris-Perry! Janet Mock!)</p></li> + <li><a href="https://gimletmedia.com/show/startup/all/season-1/" target="_blank">StartUp (Season One)</a><p>Alex Blumberg hosts this podcast which documents his efforts to start a podcast media company. So much great behind-the-scenes detail; the highlights for me were the interactions between Blumberg and his wife Nazanin Rafsanjani. Later seasons document other startups and companies and I did not find them as compelling but continued to listen (*spoiler alert*) so I could hear for updates on Gimlet (the media company Blumberg founded and now runs).</p></li> + <li><a href="http://www.npr.org/sections/monkeysee/129472378/pop-culture-happy-hour" target="_blank">Pop Culture Happy Hour</a><p>This was I think my gateway podcast. It's from NPR and a pretty lighthearted but thoughtful review of movies, tv, books, and sometimes music. They have a rotating cast who take turns filling in the fourth seat for their weekly roundtable discussions. Two of my faves are Audie Cornish and Barrie Hardymon </p></li> + <li><a href="https://www.nytimes.com/2017/01/30/podcasts/the-daily-get-ready-for-the-daily-your-audio-news-report.html">The New York Times Daily</a><p>A daily look at major news events with an in-depth look at one main story. I listen to the Daily on my commute.</p></li> + </ul> + </article> + + <article class="knitting"> + <h4>Knitting</h4> + <p>someday</p> + </article> + + <article class="sociolinguistics"> + <h4>Sociolinguistics</h4> + <p>someday</p> + </article> + + <article class="public-ed"> + <h4>Fully fund public education</h4> + <p>someday</p> + </article> + </article> + </section> + </main> + + <footer> + <div class="disclaim"> + <p>©2017</p> + </div> + + <div class="contact"> + <p>Get in touch: sai samant (@) gmail (dot) com</p> + </div> + </footer> + </body> +</html> diff --git a/index.html b/index.html new file mode 100644 index 000000000..171073c47 --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="styles/styles.css"> + <title>Sai Samant</title> + </head> + <body> + + <header> + <div class="hello"> + <h1>< hello. ></h1> + </div> + <div class="nav"> + <nav> + <ul> + <li><a href="portfolio.html">code</a></li> + <li><a href="blog.html">other</a></li> + <li><a href="about.html">me</a></li> + </ul> + </nav> + </div> + </header> + + <main> + <section class="welcome"> + <p>Nice to have you here. My name is Sai Samant. I am currently learning to code at <a href="http://www.adadevelopersacademy.org">Ada Developers Academy</a> in Seattle, WA. Check out some of my <a href="portfolio.html">projects</a>. I spend a lot of time listening to <a href="blog.html">podcasts</a>. And here is some other maybe <a href="about.html">fun stuff</a> about me.</p> + </section> + </main> + + <footer> + <div class="disclaim"> + <p>©2017</p> + </div> + + <div class="contact"> + <p>Get in touch: sai samant (@) gmail (dot) com</p> + </div> + </footer> + </body> +</html> diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 000000000..a6190369f --- /dev/null +++ b/portfolio.html @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="styles/styles.css"> + <title>Sai Samant</title> + </head> + <body> + <header> + <div class="hello"> + <h1>< code record ></h1> + </div> + <div class="nav"> + <nav> + <ul> + <li><a href="index.html">home</a></li> + <li><a href="blog.html">other</a></li> + <li><a href="about.html">me</a></li> + </ul> + </nav> + </div> + </header> + <main> + <section class = "projects-intro"> + <p>Below is collection of projects I have completed while at Ada. Currently these projects have developed my skills in Ruby and HTML & CSS. Additionally I have also learnt about version control and GitHub, pair programming and agile practices, and computer science fundamentals.</p> + <p>All links for Ada projects will take you to my GitHub page: <a class = "social-media" href="https://github.com/ssamant", target = "_blank"><img src="assets/github.svg" alt="git" height="40px"></a></p> + + <section class="projects-left"> + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/Word-Guess", target="_blank">Word Guess</a></p> + <p>Implemented a word guess game. Practiced writing methods and calling methods from within other methods. First paired project where we applied agile pair programming techniques.</p> + <p>Language: Ruby</p> + <p>Pair Programming Project</p> + </article> + + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/BankAccounts", target="_blank">Bank Accounts</a></p> + <p>In this project we worked with bank account classes to learn about the inheritance. We also used test-driven-development (TDD) to implement our solutions.</p> + <p>Language: Ruby</p> + <p>Individual Project</p> + </article> + + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/Solar-System", target="_blank">Solar System</a></p> + <p>Implemented two classes to create planets and system of planets</p> + <p>Language: Ruby</p> + <p>Individual Project</p> + </article> + + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/Random-Menu", target="_blank">Random Menu Generator</a></p> + <p>Implemented two classes to create planets and system of planets</p> + <p>Language: Ruby</p> + <p>Individual Project</p> + </article> + </section> + + <section class="projects-right"> + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/ride-share-two", target="_blank">Ride Share</a></p> + <p>In this project we created relationships between data associated with drivers, riders and trips in a hypothetical ride-share program. Skills applied include: using a design diagram to map cross-class and cross-method relationships, working with .csv data, and implementing argument errors and rescue blocks</p> + <p>Language: Ruby</p> + <p>Individual Project</p> + </article> + + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/Scrabble", target="_blank">Scrabble</a></p> + <p>FILL THIS IN</p> + <p>Language: Ruby</p> + <p>Pair programming project</p> + </article> + + <article class="project"> + <p><a class = "project-link" href="https://github.com/ssamant/meowspace", target="_blank">Meowspace</a></p> + <p>Used css to design existing html for a social media platform for cats. Used float, inline-block, selectors and other css tools for layout that included header/footer, navigation, color-palette selection, and background images. </p> + <p>languages: HTML/CSS</p> + <p>individual project</p> + </article> + </section> + </main> + + <footer> + + <div class="disclaim"> + <p>©2017</p> + </div> + + <div class="contact"> + <p>Get in touch: sai samant (@) gmail (dot) com</p> + </div> + + </footer> + + </body> +</html> diff --git a/styles/styles.css b/styles/styles.css new file mode 100644 index 000000000..fcd617cf5 --- /dev/null +++ b/styles/styles.css @@ -0,0 +1,138 @@ +@import url('https://fonts.googleapis.com/css?family=Open+Sans|Ubuntu'); + +h1, h2, h3, h4, h5, h6 { + font-family: Ubuntu, Helvetica, sans-serif; +} + +a { + color: #0A1612; + text-decoration: none; + border-bottom: dotted; + border-width: thin; + border-color: #f7ce3e +} +a:hover{ + /*color: #f7ce3e;*/ + background-color: #f0f0f0; + border: none; +} + +p, li { + font-family: 'Open Sans', Helvetica, sans-serif; + color: #0A1612; + /*text-decoration: none;*/ +} + +header { + position: absolute; + top: 0; + left: 0; + width: 100%; + padding: 0 3% 1% 0; + background-color: #f0f0f0; + color: #1a2930; +} + +header h1 { + padding-left: 6%; +} + +.hello, .disclaim { + display: inline-block; + width: 40%; + vertical-align: top; +} + +.nav, .contact { + clear: both; + width: 50%; + display: inline-block; + text-align: right; +} + +.nav li { + list-style-type: none; + padding-left: 10%; + display: inline-block; + color: #f0f0f0; + margin-top: 10px; +} + +main { + clear: both; + padding: 10% 0; + margin: 0 6%; +} + +section.welcome, section.about, section.all-interests { + width: 60%; + padding-left: 2%; +} + +article.project { + min-width: 15%; + border-style: solid; + padding: 0 2% 0 2%; + margin: 4% 0; + vertical-align: top; +} + +article.project p:first-of-type { + font-size: 1.5em; +} + +.disclaim p { + display: inline-block; +} + +section.projects-left, section.projects-right { + margin: 2% 0.5%; + display: inline-block; + max-width: 45%; + vertical-align: top; +} + +.projects-intro img { + vertical-align: middle; +} + +.social-media li, .interest li { + list-style-type: none; + padding-right: 3%; + display: inline; + color: #f0f0f0; +} + +#ravelry img { + border-radius: 20px; +} + +ul.social-media { + padding-left: 0; +} + +.social-media a { + border: none; +} + +.social-media a:hover { + background-color: inherit; +} + +.social-media img:hover, .projects-intro img:hover { + background-color: #f7ce3e; + border-radius: 20px; +} + + + + +footer { + position: fixed; + bottom: 0; + left: 0; + display: block; + padding: 0 3%; + background-color: #f0f0f0; + width: 100%; +}