Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paper, Ruthie Newman #65

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Paper, Ruthie Newman #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2523ccb
Adds html boiler plate and grid layout to index.html and style.css
RuthieRNewman Jun 8, 2021
983dae7
Adds image, navigation bar to index.html. Adds style rules for image …
RuthieRNewman Jun 11, 2021
3556914
Adds CSS styles to structual html. Adds CSS style rules for elements …
RuthieRNewman Jun 14, 2021
3613cb3
Adds text to about.html.
RuthieRNewman Jun 14, 2021
434a98c
Adds content and CSS style rules for portfolio.html, code-journal.htm…
RuthieRNewman Jun 15, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 64 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/grid.css">
<title>Document</title>
</head>

<div class="wrapper">
<div class="grid-container">
<header class="grid-header">
</header>

<nav class="grid-top-nav">
<ul id="grid-nav-ul">
<li id="home"><a href="index.html">Home</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="blog"><a href="code-journal.html">Blog</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</nav>

<section class="grid-main">

<div class="grid-about-content">
<p class="about-page-bio">My name is Ruthie Newman, my pronouns are she/her. I have always had a passion for writing and visual arts. I studied literature, fine arts and social/behavioral studies in university and before endeavoring toward a career in software
development, I worked in both social work and medical fields.
<p class="about-page-bio">I decided to make the transition into software development because I saw the incredible creative potential of software engineering and could not resist following my curiosity. As I have progressed on this path, I have discovered a
deep passion for code and I am now inspired to master the art with the hope of contributing code that is of benefit to underrepresented and underserved peoples in tech and beyond.
</p>
<p class="about-page-bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor
sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p class="about-page-bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor
sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>

<div class="about-li-container">
<ul class="about-ul">
<li id="resume" class="about-li"><a class="about-link" href="https://gist.github.com/RuthieRNewman/74cdbe82d93228693c3e64816c864aec#file-resume-md">Resume</a></li>
<li id="bio" class="about-li"><a class="about-link" href="https://gist.github.com/RuthieRNewman/621293ed81d5257c00e07705e10f5a89">Bio</a></li>
<li id="linkedin" class="about-li"><a class="about-link" href="www.linkedin.com/in/ruthierachelnewman">linkedIn</a></li>
</ul>
</div>

</section>

<footer class="grid-footer">
Copyright&copy;2021 Ruthie Newman
<p><a id="devcontact" href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>

</html>
99 changes: 99 additions & 0 deletions code-journal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/grid.css">
<title>Document</title>
</head>

<div class="wrapper">
<div class="grid-container">
<header class="grid-header">
</header>

<nav class="grid-top-nav">
<ul id="grid-nav-ul">
<li id="home"><a href="index.html">Home</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="blog"><a href="code-journal.html">Blog</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</nav>

<div class="grid-main">
<section class="blog-main">
<div class="blog-post">
<h2><a href="#">The zen of coding</a></h2>


<h3 class="blog-date">06-06-2021</h3>
<p class="blog-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor
sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


<div class="blog-post-info">
<ul>
<!-- <li class="blog-read-more"><a href="#">Read more</a></li> -->
<li class="read-full-post-li">
<a href="#" class="post-thumbnail"><img src="images/temp-post-thumbnail1.png" alt="Read the full post" /></a>
</li>
</ul>
</div>
</div>
<div class="blog-post">
<h2><a href="#">Women in Software Dev</a></h2>

<h3 class="blog-date">06-05-2021</h3>

<p class="blog-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor
sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


<div class="blog-post-info">
<ul>
<li class="read-full-post-li">
<a href="#" class="post-thumbnail"><img src="images/temp-post-thumbnail1.png" alt="Read the full post" /></a>
</li>
</ul>
</div>
</div>
<div class="blog-post">
<h2><a href="#">From Artist to Coder</a></h2>

<h3 class="blog-date">06-04-2021</h3>

<p class="blog-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor
sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>


<div class="blog-post-info">
<ul>
<li class="read-full-post-li">
<a href="#" class="post-thumbnail"><img src="images/temp-post-thumbnail1.png" alt="Read the full post" /></a>
</li>
</ul>
</div>
</div>

</section>
</div>

<footer class="grid-footer">
Copyright&copy;2021 Ruthie Newman
<p><a id="devcontact" href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>

</html>
55 changes: 55 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/grid.css">
<title>Document</title>
</head>

<div class="wrapper">
<div class="grid-container">
<header class="grid-header">
</header>

<nav class="grid-top-nav">
<ul id="grid-nav-ul">
<li id="home"><a href="index.html">Home</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="blog"><a href="code-journal.html">Blog</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</nav>

<main class="grid-main" id="hero">
<div class="contact-form-container">
<form>

<label for="first-name">First Name</label>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The for attribute must match the id of a form control (an input or something).

<input type="text" id="fname" name="firstname" placeholder="First name..">

<label for="last-name">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Last name..">


<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>

<input type="submit" value="Submit">

</form>
</div>
</main>

<footer class="grid-footer">
Copyright&copy;2021 Ruthie Newman
<p><a id="devcontact" href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>

</html>
Binary file added images/garden2.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/water.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 39 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/grid.css">
<title>Document</title>
</head>

<div class="wrapper">
<div class="grid-container">
<header class="grid-header">
</header>

<nav class="grid-top-nav">
<ul id="grid-nav-ul">
<li id="home"><a href="index.html">Home</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="blog"><a href="code-journal.html">Blog</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</nav>

<main class="grid-main" id="hero">
<img id="home-img" alt="Developer posing in traditional kimono with a japanese garden in the background" src="images/garden2.png">
</main>

<footer class="grid-footer">
Copyright&copy;2021 Ruthie Newman
<p><a id="devcontact" href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>

</html>
93 changes: 93 additions & 0 deletions portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/grid.css">
<title>Document</title>
</head>

<div class="wrapper">
<div class="grid-container">
<header class="grid-header">
</header>

<nav class="grid-top-nav">
<ul id="grid-nav-ul">
<li id="home"><a href="index.html">Home</a></li>
<li id="about"><a href="about.html">About</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="blog"><a href="code-journal.html">Blog</a></li>
<li id="contact"><a href="contact.html">Contact</a></li>
</ul>
</nav>

<div class="grid-main" id="hero">
<section class="grid-section">
<h1 id="portfolio-h1">Recent Projects:</h1>
<div class="portfolio-project-wrapper">
<ol id="p-github-ul">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You seem to have a lot of elements with this id. Ids are supposed to be unique. Make this a class instead maybe.

<li id="p-github-li"><a id="portfolio-github-link" href="https://github.com/AdaGold/video-store-cli.git">Video Store CLI</a></li>
<ul class="p-desc-ul">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can't make a ul as a direct child of an ol

<li>
<p class="project-desc">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p class="tech-stack">Tech Stack:
<ul>
<li>Python</li>
</ul>
</p>
</li>
</ul>
<li id="p-github-li"><a id="portfolio-github-link" href="https://github.com/AdaGold/retro-video-store.git">Video Store API</a></li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Another duplicate id.

<ul class='p-desc-ul'>
<li>
<p class="project-desc">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Tech Stack:
<ul>
<li>Python</li>
</ul>
</p>
</li>
</ul>
<li id="p-github-li"><a id="portfolio-github-link" href="https://github.com/Ada-C15/swap-meet.git">Swap Meet</a></li>
<ul class='p-desc-ul'>
<li>
<p class="project-desc">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Tech Stack:
<ul>
<li>Python</li>
</ul>
</p>
</li>
</ul>
<li id="p-github-li"><a id="portfolio-github-link" href="https://github.com/Ada-C15/viewing-party.git">Viewing Party</a></li>
<ul class='p-desc-ul'>
<li>
<p class="project-desc">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Tech Stack:
<ul>
<li>Python</li>
</ul>
</p>
</li>
</ul>
</ol>
</div>
</section>
</div>

<footer class="grid-footer">
Copyright&copy;2021 Ruthie Newman
<p><a id="devcontact" href="mailto:[email protected]">[email protected]</a></p>
</footer>
</div>
</div>

</html>
3 changes: 3 additions & 0 deletions styles/about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#about-page-bio {
text-weight: bold;
}
Loading