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.

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

Queues - Erica J. Case - Static-Site #24

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
# Static Site: Code Journal & Portfolio

You will create a _static_ web site using HTML & CSS. This static site will serve as the foundation for later projects, and will contain information about your programming projects and efforts at Ada.
The assignment was to create a _static_ web site using HTML & CSS. This static site will serve as the foundation for later projects, and will contain information about your programming projects and efforts at Ada.

This is an individual, [stage 2](https://github.com/Ada-Developers-Academy/pedagogy/blob/master/rule-of-three.md) project.

I plan to add Javascript and update the portfolio.

## Learning Goals:
- Practice creating semantic HTML
- Practice applying visual styles with CSS
Expand Down
63 changes: 63 additions & 0 deletions archive/index2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portfolio Project</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Copy link

Choose a reason for hiding this comment

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

line 8: nitpick - It's nice to have all your links in the same general format. rel then href on each

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="icono.min.css"> -->

</head>
<body>
<header>
<h2><i class="material-icons" style="font-size:36px">home</i></h2>
Copy link

Choose a reason for hiding this comment

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

line 15: Best practice to keep as much of your styling in you css sheet.

</h2>
<nav>
<ul>
<li><a href="about.html"> about </a></li>
<li><a href="portfolio.html"> blog </a></li>
<li><a href="blog.html"> journal</a></li>
</ul>
</nav>
</header>

<main>
<h1>Erica Case, PhD</h1>
<section id="hero">
<div id="Ecologist">
<h2 class="left">Ecologist</h2>
<ul class="left">
<li class=>Plant community dynamics</li>
<li >Invasive species</li,>
Copy link

Choose a reason for hiding this comment

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

line 33: nit - Extra space and comma after li's.

<li>Rare species conservation</li>
</ul>
</div>
Copy link

Choose a reason for hiding this comment

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

line 34-36: Check your indentation.

<i id = "recycle" class="fa fa-recycle"></i>
Copy link

Choose a reason for hiding this comment

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

line37: What is this line for?
nit - id="recycle" remove extra spaces

<div, id="Programmer">
Copy link

Choose a reason for hiding this comment

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

line 38: , instead of >


<h2>Programmer</h2>
<ul>
<li>Big data</li>
<li>R statistical software</li>
<li>Population modelling</li>
</ul>
</div>
</section>
<footer>
<nav>
<ul>
<li><a href="twitter"> about </a></li>
<li><a href="linked-in"> blog </a></li>
<li><a href="github"> journal</a></li>
</ul>
</nav>
</header>

</main>



Copy link

Choose a reason for hiding this comment

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

No need to leave more than one extra line in between.

</body>
</html>
74 changes: 74 additions & 0 deletions archive/projects2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Erica Case Projects</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton|Indie+Flower|Space+Mono">
</head>

<body>
<header>
<a href="index.html" class="home"> <i class="fa">&#xf1b8;</i></a></li>
<h1 class="erica">Erica Case: PROJECTS</h1>
<a href="projects.html" class="portfolio"> <i class="fa">&#xf0f2;</i></a></li>
Copy link

Choose a reason for hiding this comment

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

line 14: nit - extra space after <a
line 14 and 16: nit - no space needed between the a tag and the i tag

</header>

<main id="projects">
<section class="pubs">
<h2>Ecology</h2>
<div >
<h3>Publications</h3>
<ul>
<li><a href="https://link.springer.com/article/10.1007/s10530-015-1009-x">
Case, E.J., Harrison, S., Cornell, H.V., 2015. After an invasion: understanding variation in grassland community recovery following removal of a high-impact invader. Biol. Invasions 1–10. </a>
</li>
<li><a href="http://www.sciencedirect.com/science/article/pii/S0378112716309203">
Case, E.J., Harrison, S., Cornell, H.V., 2015. Do High-Impact Invaders Have the Strongest Negative Effects on Abundant and Functionally Similar Resident Species? Funct. Ecol.<a dx.doi.org/10.1016/j.foreco.2016.10.058</a>
</li>
<li><a href="http://www.sciencedirect.com/science/article/pii/S0378112716309203">
Case, E.J., Harrison, S., 2017. High resistance to managed and natural forest fire in a rare rock-outcrop specialist herb (Boechera constancei, Brassicaceae). For Ecol. 384. </a>
</li>
</ul>
</div>
</section>

<section class="transitional">
<h2>
<div class="arrow"><div class="arrow-left"></div><div class="bar"></div><div class="arrow-right"></div></div>
</h2>
<ul>
<li>Data visualization</li>
<li>Statistics</li>
<li>Population modelling</li>
</ul>
</section>

<section>
<h2>Development</h2>
<div>
<h3>Ruby Code</h3>
<aside>
<h4>Development</h4>
<i class="fa"> &#xf175;</i>
Copy link

Choose a reason for hiding this comment

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

line 55: Spacing before text

</aside>
<ul>
<li><a href="">first program: walk-a-thon</a></li>
<li><a href="">first pair program: word guess</a></li>
<li><a href="">first use of classes: word guess</a></li>
<li><a href="">pair program: scrabble</a></li>
<li><a href="">Look at what I've learned!</a></li>
</ul>
</div>
</section>
</main>

<footer>
<a href="blog.html" class="blog"> <i class="fa">&#xf02d;</i></a></li>
<a href="me.html" class="me" > <i class="fa" >&#xf1ae;</i></a></li>
Copy link

Choose a reason for hiding this comment

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

line 69-70: These font awesome things are really cool! Nice find!

</footer>

</body>
</html>
53 changes: 53 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Erica Case Blog</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Indie+Flower|Space+Mono">
</head>

<body>
<header>
<a href="index.html" class="home"> <i class="fa">&#xf1b8;</i></a>
<h1 class="erica">Erica Case: Blog</h1>
<a href="projects.html" class="portfolio"> <i class="fa">&#xf0f2;</i></a>
</header>

<main id="blog">
<h2> Thrilling Articles You Will Absolutely Love to Read</h2>

<article>
<h3> My Best Friend</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis.
</p>
<p><a href="#post1"> Learn More </a></p>
</article>

<article>
<h3> My Childhood</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, s
</p>
<p><a href="#post1"> Learn More </a></p>
</article>

<article>
<h3> My Insights</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, s

<p><a href="#post1"> Learn More </a></p>
</article>
</main>

<footer>
<a href="blog.html" class="blog"> <i class="fa">&#xf02d;</i></a>
<a href="me.html" class="me"> <i class="fa">&#xf1ae;</i></a>
</footer>

</body>
</html>
29 changes: 29 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Erica Case Portfolio</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Indie+Flower|Space+Mono">
</head>

<body>
<header>
<a href="index.html" class="home"> <i class="fa">&#xf1b8;</i></a>
<a href="projects.html" class="portfolio"> <i class="fa">&#xf0f2;</i></a>
</header>

<main id="index">
<h1 class="erica">Erica Case, PhD</h1>
<h2 class="ecologist">ecologist / developer</h2>
</main>

<footer>
<a href="blog.html" class="blog"> <i class="fa">&#xf02d;</i></a>
<a href="me.html" class="me"> <i class="fa">&#xf1ae;</i></a>
</footer>

</body>
</html>
34 changes: 34 additions & 0 deletions me.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Erica Case</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Indie+Flower|Space+Mono">
</head>

<body>
<header>
<a href="index.html" class="home"> <i class="fa">&#xf1b8;</i></a>
<h1 class="erica">About: Erica Case</h1>
<a href="projects.html" class="portfolio"> <i class="fa">&#xf0f2;</i></a>
</header>

<main id="me">
<p>
I have the same middle initial as Donald J. Trump, which has caused a lot of tension among friends and family members.
It is painful to think my beautiful J. attached to such an ugly man
but I choose to believe that despite all, the letter is good and noble.
Also, when we are herded into camps by middle initial the J’s may be spared a little bit of waterboarding.
</p>
</main>

<footer>
<a href="blog.html" class="blog"> <i class="fa">&#xf02d;</i></a>
<a href="me.html" class="me"> <i class="fa">&#xf1ae;</i></a>
</footer>

</body>
</html>
61 changes: 61 additions & 0 deletions projects.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Erica Case Projects</title>
<link rel="styles/normalize.css" href="icono.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton|Indie+Flower|Space+Mono">
</head>

<body>
<header>
<a href="index.html" class="home"> <i class="fa">&#xf1b8;</i></a>
<h1 class="erica">Erica Case: PROJECTS</h1>
<a href="projects.html" class="portfolio"> <i class="fa">&#xf0f2;</i></a>
</header>

<main id="projects">
<section class="pubs">
<h2>Ecology</h2>
<div >
<h3>Publications</h3>
<ul>
<li><a href="https://link.springer.com/article/10.1007/s10530-015-1009-x">
Case, E.J., Harrison, S., Cornell, H.V., 2015. After an invasion: understanding variation in grassland community recovery following removal of a high-impact invader. Biol. Invasions 1–10. </a>
</li>
<li><a href="http://www.sciencedirect.com/science/article/pii/S0378112716309203">
Case, E.J., Harrison, S., Cornell, H.V., 2015. Do High-Impact Invaders Have the Strongest Negative Effects on Abundant and Functionally Similar Resident Species? Funct. Ecol.</a>
</li>
<li><a href="http://www.sciencedirect.com/science/article/pii/S0378112716309203">
Case, E.J., Harrison, S., 2017. High resistance to managed and natural forest fire in a rare rock-outcrop specialist herb (Boechera constancei, Brassicaceae). For Ecol. 384. </a>
</li>
</ul>
</div>
</section>


<section class="development">
<h2>Programming</h2>
<div>
<h3>Development</h3>

<ul>
<li><a href="https://repl.it/EsRL/9">first program: election machine</a></li>
<li><a href="https://github.com/EricaJCasePhD/word-guess-csv">first pair program: word guess</a></li>
<li><a href="https://repl.it/F6nj/23">first game: NIM</a></li>
<li><a href="https://github.com/Sofia15/Scrabble">pair program: scrabble</a></li>
<li><a href="https://github.com/EricaJCasePhD/BankAccounts">Look at what I've learned!</a></li>
</ul>
</div>
</section>
</main>

<footer>
<a href="blog.html" class="blog"> <i class="fa">&#xf02d;</i></a>
<a href="me.html" class="me" > <i class="fa" >&#xf1ae;</i></a>
</footer>

</body>
</html>
Loading