-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
css and html validator updates. Accessibility updates
- Loading branch information
1 parent
f8fe2b0
commit 2a449f8
Showing
2 changed files
with
18 additions
and
13 deletions.
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
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 |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| <!doctype html> | ||
| <html class="no-js" lang=""> | ||
| <html class="no-js" lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
|
|
@@ -51,7 +51,7 @@ <h3 class="portfolio-header">Projects</h3> | |
| <div class="portfolio-wrapper"> | ||
| <div class="home-portfolio-piece"> | ||
| <figure> | ||
| <a href="https://codesandbox.io/p/sandbox/sticky-notes-final-jrnn5n?file=%2Fsrc%2FNote.js" target="_blank"><img src="img/super-sticky-notes.png" alt=""></a> | ||
| <a href="https://codesandbox.io/p/sandbox/sticky-notes-final-jrnn5n?file=%2Fsrc%2FNote.js" target="_blank"><img src="img/super-sticky-notes.png" alt="super sticky notes project screenshot"></a> | ||
| </figure> | ||
| <h4>Super Sticky Notes</h4> | ||
| <p class="project-description">This is a Greenfield project creating an interactive app that will let users create "sticky notes". Multiple components used to build the classic sticky note UI with the ability to add, edit, delete and search for notes.</p> | ||
|
|
@@ -61,7 +61,7 @@ <h4>Super Sticky Notes</h4> | |
| </div> | ||
| <div class="home-portfolio-piece"> | ||
| <figure> | ||
| <a href="https://shannawalsh.github.io/github-repo-gallery/" target="_blank"><img src="img/github-repo-gallery.png" alt=""></a> | ||
| <a href="https://shannawalsh.github.io/github-repo-gallery/" target="_blank"><img src="img/github-repo-gallery.png" alt="github repo gallery project screenshot"></a> | ||
| </figure> | ||
| <h4>GitHub Repo Gallery</h4> | ||
| <p class="project-description">This project pulls data from my GitHub portfolio to create a gallery of repos. Visitors can search my repos and click on them to see more details.</p> | ||
|
|
@@ -71,7 +71,7 @@ <h4>GitHub Repo Gallery</h4> | |
| </div> | ||
| <div class="home-portfolio-piece"> | ||
| <figure> | ||
| <a href="https://shannawalsh.github.io/guess-the-word-js-game/" target="_blank"><img src="img/guess-word-game.png" alt=""></a> | ||
| <a href="https://shannawalsh.github.io/guess-the-word-js-game/" target="_blank"><img src="img/guess-word-game.png" alt="guess the word project screenshot"></a> | ||
| </figure> | ||
| <h4>Guess the Word Game</h4> | ||
| <p class="project-description">Players guess the word by entering one letter at a time. If the player guesses all the letters correctly before they use up their allotted guesses, they win!</p> | ||
|
|
@@ -81,7 +81,7 @@ <h4>Guess the Word Game</h4> | |
| </div> | ||
| <div class="home-portfolio-piece"> | ||
| <figure> | ||
| <a href="https://replit.com/@Shanna9917/Dog-Photo-Gallery-Random-Picture-Feature?v=1#main.py" target="_blank"><img src="img/dog-image-gallery.png" alt=""></a> | ||
| <a href="https://replit.com/@Shanna9917/Dog-Photo-Gallery-Random-Picture-Feature?v=1#main.py" target="_blank"><img src="img/dog-image-gallery.png" alt="dog image gallery project screenshot"></a> | ||
| </figure> | ||
| <h4>Dog Image Gallery</h4> | ||
| <p class="project-description">With the Dog API, Python, and Flask templating, I've created an adorable photo gallery of different dog breeds using the REST API and user input.</p> | ||
|
|
@@ -91,7 +91,7 @@ <h4>Dog Image Gallery</h4> | |
| </div> | ||
| <div class="home-portfolio-piece"> | ||
| <figure> | ||
| <a href="https://unplugged.shannawalsh.com/index.html" target="_blank"><img src="img/unplugged.png" alt=""></a> | ||
| <a href="https://unplugged.shannawalsh.com/index.html" target="_blank"><img src="img/unplugged.png" alt="unplugged project screeshot"></a> | ||
| </figure> | ||
| <h4>Uplugged</h4> | ||
| <p class="project-description">A multi-page responsive website coded from a design comp using Flexbox. This versatile design has several sections and adapts to mobile, tablet and desktop screens. This includes a Cards design pattern that can easily be repurposed for differnt sites.</p> | ||
|
|
@@ -119,12 +119,16 @@ <h4>Developer Skills</h4> | |
| <div class="language-wrapper"> | ||
| <p class="skill">HTML5 and CSS3</p> | ||
| <p class="skill">JavaScript</p> | ||
| <p class="skill">ES6</p> | ||
| <p class="skill">JSX</p> | ||
| <p class="skill">React</p> | ||
| <p class="skill">Responsive Web Development</p> | ||
| <p class="skill">WordPress</p> | ||
| <p class="skill">Git and GitHub</p> | ||
| <p class="skill">Python</p> | ||
| <p class="skill">SQL</p> | ||
| <p class="skill">Flask Web Framework</p> | ||
| <p class="skill">Jinja Templating</p> | ||
| <p class="skill">SQL Databases</p> | ||
| </div> | ||
| <h4>Tech Stack</h4> | ||
| <div class="tool-wrapper"> | ||
|
|
@@ -158,20 +162,20 @@ <h4>I'm a Full Stack Developer with a passion for clean code and problem solving | |
| <h3>Let's Connect</h3> | ||
| <div class="contact-wrapper"> | ||
| <div class="contact-info"> | ||
| <h5 class="contact-title">Hire me</h5> | ||
| <h4 class="contact-title">Hire me</h4> | ||
| <p>[email protected]</p> | ||
| </div> | ||
| <div class="contact-info follow-section"> | ||
| <h5 class="contact-title">Follow me</h5> | ||
| <h4 class="contact-title">Follow me</h4> | ||
| <ul class="social-icons"> | ||
| <li><a href="https://www.linkedin.com/in/shanna-walsh/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a> | ||
| <li><a href="https://www.linkedin.com/in/shanna-walsh/" target="_blank" ><i class="fa-brands fa-linkedin-in"></i></a> | ||
| </li> | ||
| <li><a href="https://github.com/shannawalsh" target="_blank"><i class="fa-brands fa-github"></i></a> | ||
| <li><a href="https://github.com/shannawalsh" target="_blank" ><i class="fa-brands fa-github"></i></a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="contact-info"> | ||
| <h5 class="contact-title">Meet me</h5> | ||
| <h4 class="contact-title">Meet me</h4> | ||
| <p>Austin, TX</p> | ||
| <p>Let's have a cup of coffee!</p> | ||
| </div> | ||
|
|
||