C15 Rock Alison McGinley #45
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| <!DOCTYPE html> | ||
|
|
||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title>About Alison</title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/about_styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,100&family=Quicksand:wght@300;500&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <a class="homelink" href="index.html"><i class="fas fa-home"></i></a> | ||
| <header> | ||
| <h2>More about me</h2> | ||
| </header> | ||
| <hr> | ||
| <article> | ||
| <p>Living in Seattle, Washington allows me to enjoy climbing on basalt, granite, limestone, and more. | ||
| The different rock types are, of course, reminiscent of the variety in coding languages. Some | ||
| are stickier than others, some break with no warning, and some demand that you wedge your way into the cracks | ||
| in order to make any progress at all. </p> | ||
| <p>After spending a lot of years shaking cocktails and polishing silverware, I pursued a career in hospitality leadership. | ||
| I enjoyed six meaningful years as a leader in the industry, and then Covid gave me the boot and I embraced | ||
| that as my opportunity to type real fast for a living. I gotta say, <em>I like it here. </em> </p> | ||
| <p>I value my time with my really cool and hot wife. I'd almost always rather be camping & climbing. | ||
| I am always on time, deliver on my promises, and I always make sure my guest gets the best seat at the table. | ||
| </p> | ||
| </article> | ||
| <footer class="footer-links"> | ||
| <a href="index.html">return home</a> | ||
| <a href="code-journal.html">blog</a> | ||
| <a href="portfolio.html">portfolio</a> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| <!DOCTYPE html> | ||
|
|
||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title>Alison's Blog</title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/blog_styles.css"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,100&family=Quicksand:wght@300;500&display=swap" rel="stylesheet"></head> | ||
| <body> | ||
| <a class="homelink" href="index.html"><i class="fas fa-home"></i></a> | ||
| <header> | ||
| <h2>Some stories</h2> | ||
| </header> | ||
| <hr> | ||
| <article> | ||
| <h3>Hey, Stinkers!</h3> | ||
| <h4>April 4, 2021</h4> | ||
| <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p> | ||
| </article> | ||
| <article> | ||
| <h3>Who, me?</h3> | ||
| <h4>April 28, 2021</h4> | ||
| <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p> | ||
| </article> | ||
| <footer class="footer-links"> | ||
| <a href="index.html">return home</a> | ||
| <a href="portfolio.html">portfolio</a> | ||
| <a href="about.html">about</a> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <!DOCTYPE html> | ||
|
|
||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title>Alison McGinley</title> | ||
| <meta name="Alison McGinley's Portfolio" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link rel="stylesheet" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,100&family=Quicksand:wght@300;500&display=swap" rel="stylesheet"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <section class="links"> | ||
| <ul> | ||
| <li><a href="https://github.com/alisonmcginley"><i class="fab fa-github"></i></a></li> | ||
| <li><a href="https://www.linkedin.com/in/alisonmcginley/"><i class="fab fa-linkedin-in"></i></a></li> | ||
| <li><a href="https://twitter.com/alisonmaywander"><i class="fab fa-twitter"></i></a></li> | ||
| <li><a href="https://www.instagram.com/alisonmaywander/"><i class="fab fa-instagram"></i></a></li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <header> | ||
| <hr> | ||
| <h1>Alison is a musician, turned hotel manager, turned rock climber & engineer, residing in Seattle, Washington. </h1> | ||
| </header> | ||
| <nav> | ||
| <section class="container"> | ||
| <h3 id="about"><a href="about.html"> life </a></h3> | ||
| <h3 id="code-journal"><a href="code-journal.html"> stories </a></h3> | ||
| <h3 id="portfolio"><a href="portfolio.html"> work</a></h3> | ||
| </section> | ||
| </nav> | ||
| <footer> | ||
| <ul class="links"> | ||
| <li><a href="https://github.com/alisonmcginley"><i class="fab fa-github"></i></a></li> | ||
| <li><a href="https://www.linkedin.com/in/alisonmcginley/"><i class="fab fa-linkedin-in"></i></a></li> | ||
| <li><a href="https://twitter.com/alisonmaywander"><i class="fab fa-twitter"></i></a></li> | ||
| <li><a href="https://www.instagram.com/alisonmaywander/"><i class="fab fa-instagram"></i></a></li> | ||
| <li><a href="mailto: [email protected]">| contact me by email</a></li> | ||
| </ul> | ||
| <section id="footer-etc"> | ||
| <p><em>Made by hand</em> by Alison McGinley</p> | ||
| <p><em>Thanks for visiting</em></p> | ||
| <p><em>© Copyright 2021</em></p> | ||
| </section> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title>Alison's Portfolio</title> | ||
| <meta name="description" content=""> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/portfolio_styles.css"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Hind:wght@300&family=Lato:ital,wght@0,300;0,900;1,300&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <a class="homelink" href="index.html"><i class="fas fa-home"></i></a> | ||
| <header> | ||
| <h2>Body of work</h2> | ||
| </header> | ||
| <hr> | ||
| <nav class="port-container"> | ||
| <section id="apis"> | ||
| <h3>APIs <i class="fas fa-sort-down"></i></h3> | ||
| <section class="portfolio-content"> | ||
| <a href="https://github.com/alisonmcginley/task-list-api">Task List</a> | ||
| <p>Features implementation of the Slack API to keep you informed of what's left to do today</p> | ||
| <a href=https://github.com/alisonmcginley/retro-video-store>Retro Video Store</a> | ||
| <p>Imagines a video store where you can browse the classics, and ensures timely returns from customers</p> | ||
| <a href="https://github.com/alisonmcginley/solar-system-api"> Solar System</a> | ||
| <p>Let's navigate the cosmos together</p> | ||
| </section> | ||
| </section> | ||
| <section id="oop"> | ||
| <h3>Object Oriented Programming <i class="fas fa-sort-down"></i></h3> | ||
| <section class="portfolio-content"> | ||
| <a href="https://github.com/alisonmcginley/swap-meet">Swap Meet</a> | ||
| <p>Trade your favorite threads with your friends</p> | ||
| <a href ="https://github.com/alisonmcginley/viewing-party">Viewing Party</a> | ||
| <p>Make some popcorn, choose a genre, get a recommendation, chill</p> | ||
| </section> | ||
| </section> | ||
| </nav> | ||
| <footer class="footer-links"> | ||
| <a href="index.html">return home</a> | ||
| <a href="code-journal.html">blog</a> | ||
| <a href="about.html">about</a> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| /* broad styling strokes */ | ||
| @keyframes fadein { | ||
|
|
||
| from { opacity: 0; } | ||
| to {opacity : 1; } | ||
| } | ||
| header { | ||
| animation: 1s ease-out 0s 1 fadein; | ||
| margin: 50px 0px 10px 0px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-size: 1.5em; | ||
| font-family: 'Quicksand', sans-serif; | ||
| } | ||
|
|
||
| hr { | ||
| margin: 15px 0px; | ||
| } | ||
|
|
||
| article { | ||
| animation: 1.5s ease-out 0s 1 fadein; | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| /* styles first letter of each article */ | ||
| article p::first-letter { | ||
| font-size: 1.6em; | ||
| } | ||
|
|
||
.jpeg){kind=link}
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| /* broad strokes */ | ||
| h4 { | ||
| font-style:italic; | ||
| } | ||
| header { | ||
| margin: 50px 0px 10px 0px; | ||
| } | ||
| p { | ||
| font-size: 1.25em; | ||
| } | ||
|
|
||
| hr { | ||
| margin: 15px 0px; | ||
| } | ||
|
|
||
| article > h3{ | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
|
|
||
| /* paragraph styling */ | ||
| p::first-letter { | ||
| font-size: 2em; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,63 @@ | ||
| /* broad styling strokes */ | ||
| @keyframes fadein { | ||
|
|
||
| from { opacity: 0; } | ||
| to {opacity : 1; } | ||
| } | ||
|
|
||
| header { | ||
| font-size: 2em; | ||
| margin: 50px 0px 10px 0px; | ||
| } | ||
| hr { | ||
| margin: 15px 0px; | ||
| } | ||
|
|
||
| h3 { | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| p { | ||
| font-size: 1.25em; | ||
| font-style: italic; | ||
| } | ||
|
|
||
| a { | ||
| transition: letter-spacing 1s; | ||
| } | ||
|
|
||
| /* portfolio details */ | ||
| .port-container { | ||
| width: 100%; | ||
| height: 50vw; | ||
| display: grid; | ||
| grid-template: 2 /3; | ||
| border-radius: 30px; | ||
| } | ||
|
|
||
| .port-container a { | ||
| color: #fbfbf2; | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| a:hover { | ||
| color: #cfd2cd; | ||
| letter-spacing: .2em; | ||
| } | ||
|
|
||
| #apis { | ||
| grid-column: 1/2; | ||
| } | ||
|
|
||
| #oop { | ||
| grid-column: 2 / 3; | ||
| } | ||
|
|
||
| .portfolio-content { | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: space-around; | ||
| padding-right: 50px; | ||
| border-radius: 25px; | ||
| animation: 2.5s ease-out 0s 1 fadein; | ||
| } | ||
|
|
||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
any reason you went with a
navelement here? My accessibility is rusty, but I'm wondering if this would confused a screen reader. I wonder if we should use a section instead maybe?