Kelly Souza Static Site #35
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,93 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>About Kelly</title> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/about.css"> | ||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul> | ||
| <li class="logo-home"><a href="index.html"><strong>KS</strong></a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="code-journal.html">Code Journal</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
|
|
||
|
|
||
| <section id="title" class="slide header"> | ||
| <h1>Kelly Likes:</h1> | ||
| <p> | ||
| (scroll down) | ||
| </p> | ||
| </section> | ||
|
|
||
| <div id="slide1" class="slide"> | ||
| <div class="title"> | ||
|
There was a problem hiding this comment. The text is a little difficult to read -- does this meet accessibility contrast guidelines? |
||
| <h1>Photography</h1> | ||
| <p> | ||
| Kelly, in the time she can find between school and the rest of life, enjoys taking photographs. Her favorite subjects are grand sweeping landscapres, and tiny ordinary things which might | ||
| usually be overlooked. A couple of courses in college on photography and film development lead to a most rewarding hobby. She hopes someday to have her own darkroom and real time to devote to it. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="slide2" class="slide"> | ||
| <div class="title"> | ||
| <h1>Code</h1> | ||
| <p> | ||
| Kelly is currently a student at Ada developers academy in Seattle. She fell in love with code from the first look into the HTML of a website. She tinkered with the code, and loved the power to change what she saw on the screen with a few keystroke. Ada Developers Academy created a bridge into that world. | ||
| The water here is deeper than she had imagined and she loves it. | ||
| </p> | ||
| </div> | ||
| <img class="side-pic" src="images/screen_shot.png" alt="code-snippet"> | ||
| <img class="side-pic" src="images/screen_shot2.png" alt="code-snippet"> | ||
| </div> | ||
|
|
||
| <div id="slide3" class="slide"> | ||
| <div class="title"> | ||
| <h1>Nature</h1> | ||
| <p> | ||
| Having grown up in small town America, Kelly frequently took refuge from the slings and arrows of life sitting in the fork of a tree with a book in hand. There was a peace in nature not found elsewhere. | ||
| Kelly returns to find that feeling whenever possible. | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="slide4" class="slide header"> | ||
| <h1>The End</h1> | ||
| <footer> | ||
|
There was a problem hiding this comment. The footer on this page appears different from the others (right icons are cut off/run off the right side of the page in Chrome). Should a footer tag be placed inside a main tag? |
||
| <h4> © 2017- </h4> | ||
| <p id="disclaimer"> | ||
| All rights reserved. | ||
| </p> | ||
| <nav> | ||
| <ul class="ways-to-connect"> | ||
| <li class="twitter"> | ||
| <a href="https://twitter.com/KellyMarieSouza" target="_blank"><img src="images/Twitter_Logo_White_On_Blue.png" alt="twitter-logo"></a> | ||
| </li> | ||
| <li class="github"> | ||
| <a href="https://github.com/kellysouza" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="GitHub-logo"></a> | ||
| </li> | ||
| <li class="linkedin"> | ||
| <a href="https://www.linkedin.com/in/kelly-souza-59602287/" target="_blank"><img src="images/In-2C-75px-R.png" alt="linkedin-logo"></a> | ||
| </li> | ||
| <li class="email"> | ||
| <a href="mailto:[email protected]"><img src="images/email-logo.png" alt="email-logo"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </div> | ||
| </main> | ||
| </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,139 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>Kelly Code Journal</title> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/code-journal.css"> | ||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul> | ||
| <li class="logo-home"><a href="index.html"><strong>KS</strong></a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="code-journal.html">Code Journal</a> </li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="title"> | ||
| <h1>Adventures in Code</h1> | ||
| </section> | ||
|
|
||
| <section class="side-bar"> | ||
| <ul class="links"> | ||
| <li> | ||
| <a href=#one>Getting Started</a> | ||
| </li> | ||
| <li> | ||
| <a href=#two>My Funny for Today</a> | ||
| </li> | ||
| <li> | ||
| <a href=#three>My Thoughts on HTML and CSS</a> | ||
| </li> | ||
| <li> | ||
| <a href=#four>Commuting</a> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="all-articles"> | ||
| <article id="one"> | ||
| <h2 class="article-title">Getting Started with Ada</h2> | ||
| <p class="article-text"> | ||
| I am keeping this blog of my adventures in software development as a Cohort 7 Adie at Ada Developers Academy. | ||
|
|
||
| I know during my application process I returned time and time again to read the blogs and watch the videos posted by past cohort members as a source of inspiration and encouragement. | ||
|
|
||
| Also someday in the future it will be nice to look back and review my learning and growth process, because only three weeks in it has become abundantly clear there will be plenty of both! | ||
|
|
||
| For anyone considering applying to Ada, hit me up, ask questions! Knowledge is power. | ||
| </p> | ||
| </article> | ||
| <article id="two"> | ||
| <h2 class="article-title">My Funny for Today</h2> | ||
| <p class="article-text"> | ||
| There is a phenomenon in tech that I call "the tech language creep." It is when tech language begins to creep into your everyday language. It happens to all of us sooner or later. | ||
|
|
||
| An instructor of mine commented recently she has begun automatically typing "git" rather than "get" in emails (see https://en.wikipedia.org/wiki/Git for context). | ||
|
|
||
| Well, dear reader, it has begun. | ||
|
|
||
| If you already know what an instance is you can skip to the last paragraph. If not, read the next paragraph. | ||
|
|
||
| Here is my quick and dirty explanation of the term instance as it relates to code. First we have what is called a class. Let's say we make a class named "Book." All Books have-a title, author, editor, pages, stuff like that. An instance of the Book class would be To Kill a Mockingbird, because To Kill a Mockingbird is-a Book. Each instance would inherit the attributes from the Book class, but have their own unique attributes as well. We can also edit one instance of the class, without affecting the rest. For example, we could change "Red Fish, Blue Fish" into "Green Fish, Blue Fish." That only changes this one instance of book, not all books, right? Makes sense. Ok, now on to the story. | ||
|
|
||
| This morning I was bemoaning to my partner the fact that my last Ada newsletter went to my spam folder which caused me to missed a couple local tech events. I removed the spam label and said "Ok, but that only makes this instance of email not spam! How do I fix that?" Then I laughed at my self and he looked at me like I was crazy. | ||
| </p> | ||
| </article> | ||
| <article id="three"> | ||
| <h2 class="article-title">Article Three Here</h2> | ||
| <p class="article-text"> | ||
| This week we are learning HTML and CSS. This website you are currently visiting is a project to cap our week of study. | ||
| It is of course a static site and I assume we will learn about dynamic sites in the near future. Thus far I am rather enjoying | ||
| the project. I find CSS to be a multilayered (ha) puzzle. I am feeling pretty good about it all in all. I seem to be taking to the | ||
| new information well. We will see of course when it comes time to get feedback from our instructors. I think the thing I have struggles | ||
| with most has been coming up with the content. Also I don't have a lot of confidence in my ability to design the asthetics of the website. | ||
| Once those are done though, I have had a great time with the layout! I actualy made to complete sets of css for the same html so | ||
| I can switch the look of my website rather easily. What I am most plased with: using several different techniques like a fixed side bar with scrolling | ||
| text boxes, some parallax scrolling, grid layout, and some cool hever stuff. I am also happy about being able to ge the header | ||
| and nav bar exactly the same on every page (which is tougher than it might seem). What I would like to improve on, hmm, feeling like I have a better | ||
| understanding of a good amount and style of semantics. I think I erred on the side of too much rather than too little. Also I am feeling like some of my | ||
| CSS may be unnecessary as it may be inhereted qualitied, but I am not 100% sure. I went through and commented out lines and if there was no change, deleted them. | ||
| I also looked at the developer tools in chrome and checked where qualities were coming from. Hopefully I cleared that up quite a bit. Pretty sure my | ||
| instructors will let me know. | ||
| </p> | ||
| </article> | ||
| <article id="four"> | ||
| <h2 class="article-title">Commute Issues</h2> | ||
| <p class="article-text"> | ||
| This is somply to be a point of consideration for anyone applying to and/or accepted into Ada. My commute is a double edged sword, to be cliche, but truthy (ha). | ||
| I don't have an answer, just some insight. | ||
| </p> | ||
| <p class="article-text"> | ||
| I am on the Sound Transit line, which means I get on the bus and go directly to school, freeway all the way between home and school. One nice thing is that | ||
| I am able to plan on the time on the bus being spent doing homework, which is handy. At least one solid hour of dedicated homework time. | ||
| </p> | ||
| <p class="article-text"> | ||
| The inverse is of course, commute time must be spent on the bus. Which amounts to about four hours out of my day on a bad day and about 2.5 hours on a good day. | ||
| I do envy some of the other Addies in that they can stay after school, study together and walk or bus the 15-20 min home. | ||
| </p> | ||
| <p class="article-text"> | ||
| Still, in spite of the commute, I choose to stay where I am. The benefits outweigh the costs at this point in time. I have lived in my home for four years and do love it. Ada is only a year of time and is a temporary situation. | ||
| Perhaps after graduation, depending on where I work, I may change my mind. | ||
| </p> | ||
| </article> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <h4 class="copyright-date"> © 2017 - </h4> | ||
|
There was a problem hiding this comment. Is this class being used as a selector somewhere? |
||
| <p id="disclaimer"> | ||
| All rights reserved. | ||
| </p> | ||
| <nav> | ||
| <ul class="ways-to-connect"> | ||
| <li class="twitter"> | ||
| <a href="https://twitter.com/KellyMarieSouza" target="_blank"><img src="images/Twitter_Logo_White_On_Blue.png" alt="twitter-logo"></a> | ||
| </li> | ||
| <li class="github"> | ||
| <a href="https://github.com/kellysouza" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="GitHub-logo"></a> | ||
| </li> | ||
| <li class="linkedin"> | ||
| <a href="https://www.linkedin.com/in/kelly-souza-59602287/" target="_blank"><img src="images/In-2C-75px-R.png" alt="linkedin-logo"></a> | ||
| </li> | ||
| <li class="email"> | ||
| <a href="mailto:[email protected]"><img src="images/email-logo.png" alt="email-logo"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </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.
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.
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.
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.
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.
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.
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.
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.
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,63 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>Kelly Souza</title> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul> | ||
| <li class="logo-home"><a href="index.html"><strong>KS</strong></a></li> | ||
| <li><a href="about.html">About</a> </li> | ||
| <li><a href="code-journal.html">Code Journal</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <div id=wrap> | ||
|
|
||
| <main> | ||
| <section class="title"> | ||
| <h1 id="website-title">Kelly Souza</h1> | ||
| </section> | ||
|
|
||
| <ul class="intro"> | ||
| <li> | ||
| Full stack developer. | ||
| </li> | ||
| <li> | ||
| Ada Developers Academy Alumni. | ||
| </li> | ||
| <li> | ||
| Advocate. | ||
| </li> | ||
| </ul> | ||
| </main> | ||
| </div> | ||
| <footer> | ||
| <h4> © 2017 - </h4> | ||
|
There was a problem hiding this comment. Are the h4 and p tags styled differently here? Would it have made sense to combine them? |
||
| <p id="disclaimer"> | ||
| All rights reserved. | ||
| </p> | ||
| <nav> | ||
| <ul class="ways-to-connect"> | ||
| <li class="twitter"> | ||
| <a href="https://twitter.com/KellyMarieSouza" target="_blank"><img src="images/Twitter_Logo_White_On_Blue.png" alt="twitter-logo"></a> | ||
| </li> | ||
| <li class="github"> | ||
| <a href="https://github.com/kellysouza" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="GitHub-logo"></a> | ||
| </li> | ||
| <li class="linkedin"> | ||
| <a href="https://www.linkedin.com/in/kelly-souza-59602287/" target="_blank"><img src="images/In-2C-75px-R.png" alt="linkedin-logo"></a> | ||
| </li> | ||
| <li class="email"> | ||
| <a href="mailto:[email protected]"><img src="images/email-logo.png" alt="email-logo"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </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,101 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>Kelly Projects</title> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/portfolio.css" /> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul> | ||
| <li class="logo-home"><a href="index.html"><strong>KS</strong></a></li> | ||
| <li><a href="about.html">About</a></li> | ||
| <li><a href="code-journal.html">Code Journal</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
| <div id=wrap> | ||
|
|
||
| <main> | ||
| <section class="bigpic"> | ||
| <h1> My Work </h1> | ||
| </section> | ||
| <section class="articles"> | ||
| <h2> Some projects I have done. </h2> | ||
| <section class="project-grid"> | ||
| <a class="project" href="https://github.com/kellysouza/Word-Guess"target="_blank"><article class="#post1"> | ||
| <h3>Word Guess</h3> | ||
| <p> | ||
| This was a fun little exercise. | ||
| </p> | ||
| </article></a> | ||
|
|
||
| <a class="project" href="https://github.com/kellysouza/meowspace"target="_blank"><article class="#post1"> | ||
| <h3>MeowSpace</h3> | ||
| <p> | ||
| An early foray into CSS! | ||
| </p> | ||
| </article></a> | ||
|
|
||
| <a class="project" href="https://github.com/kellysouza/BankAccounts"target="_blank"><article class="#post1"> | ||
| <h3>BankAccounts</h3> | ||
| <p> | ||
| Learning Modules and Classes. | ||
| </p> | ||
| </article></a> | ||
|
|
||
| <a class="project" href="https://github.com/kellysouza/Solar-System"target="_blank"><article class="#post1"> | ||
| <h3>SolarSystem</h3> | ||
| <p> | ||
| Practice with Ruby classes and instances. | ||
| </p> | ||
| </article></a> | ||
|
|
||
| <a class="project" href="https://github.com/kellysouza/build_your_first_website"target="_blank"><article class="#post1"> | ||
| <h3>My First Website</h3> | ||
| <p> | ||
| This was a fun in HTML and CSS. | ||
| </p> | ||
| </article></a> | ||
|
|
||
| <a class="project" href="https://github.com/kellysouza/ride-share-two"target="_blank"><article class="#post1"> | ||
| <h3>Ride Share</h3> | ||
| <p> | ||
| First project from scratch. | ||
| </p> | ||
| </article></a> | ||
|
|
||
| </section> | ||
| </section> | ||
|
|
||
| </main> | ||
| </div> | ||
| <footer> | ||
| <h4> © 2017 - </h4> | ||
| <p id="disclaimer"> | ||
| All rights reserved. | ||
| </p> | ||
| <nav> | ||
| <ul class="ways-to-connect"> | ||
| <li class="twitter"> | ||
| <a href="https://twitter.com/KellyMarieSouza" target="_blank"><img src="images/Twitter_Logo_White_On_Blue.png" alt="twitter-logo"></a> | ||
| </li> | ||
| <li class="github"> | ||
| <a href="https://github.com/kellysouza" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="GitHub-logo"></a> | ||
| </li> | ||
| <li class="linkedin"> | ||
| <a href="https://www.linkedin.com/in/kelly-souza-59602287/" target="_blank"><img src="images/In-2C-75px-R.png" alt="linkedin-logo"></a> | ||
| </li> | ||
| <li class="email"> | ||
| <a href="mailto:[email protected]"><img src="images/email-logo.png" alt="email-logo"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
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.
Would it have been possible to give this div id a more contextual rather than positional name? What if you wanted to swap slide 1 with slide 2 -- would the names still make sense?