Skip to content

Amy Lee -- Carets #30

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

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

Amy Lee -- Carets #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
0574bca
seeded documents
ayjlee Sep 15, 2017
c099cec
added social media buttons to footer, main display is now flex, exper…
ayjlee Sep 17, 2017
db94a46
basic shapes added, reconfigure home page, each page gets a themed color
ayjlee Sep 17, 2017
5a8eb7c
footer positioned at absolute bottom of page
ayjlee Sep 17, 2017
cdcb012
Added default images and links. no personal links or real content exc…
ayjlee Sep 18, 2017
9fafc6d
Slight refactor, fixed footer
ayjlee Sep 18, 2017
be5bc48
Adjusted width of blog-posts
ayjlee Sep 18, 2017
b637f17
added a hover color effect to the navigation menu items
ayjlee Sep 18, 2017
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
62 changes: 62 additions & 0 deletions content/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href = "../stylesheets/styles.css" />
<link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
<title>About AYL</title>
</head>
<body class = "about">
<header>
<h1><a id = "main-title" href="./index.html"> amy lee </a></h1>
<nav class = "container sticky-nav">
<ul>
<li>
<a href = "./index.html"> home</a>
</li>
<li>
<a href = "./portfolio.html"> portfolio</a>
</li>
<li>
<a href = "./code-journal.html"> code journal</a>
</li>
<li>
<a href = "./about.html"> about me</a>
</li>
</ul>
</nav>
</header>

<section class = "content-title">
<h2>About Amy</h2>
<section class = "id-pic">
</section>
</section>

<main>
<article>
Amy is learning to be an empathetic software developer. She appreciates thoughtful design, and enjoys a good story. Although she loves working with other people, she is rather shy and anxious.
</article>
<article>
Contact:
</article>
</main>

<footer>
<section class = "footer-text">
<h4> &copy; 2017 </h4>
<p>Amy Lee</p>
</section>
<section class= "social-menu">
<ul class="social-icons">
<li><a href="https://github.com/ayjlee?tab=repositories" class="social-icon"> <i class="fa fa-github"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
</ul>

</section>
</footer>

</body>
</html>
96 changes: 96 additions & 0 deletions content/code-journal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AYL Code Journal</title>
<link rel="stylesheet" href = "../stylesheets/styles.css" />
<link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>
<body class = "code-journal">
<header>
<h1><a id = "main-title" href="./index.html"> amy lee </a></h1>
<nav class = "container sticky-nav">
<ul>
<li>
<a href = "./index.html"> home</a>
</li>
<li>
<a href = "./portfolio.html"> portfolio</a>
</li>
<li>
<a href = "./code-journal.html"> code journal</a>
</li>
<li>
<a href = "./about.html"> about me</a>
</li>
</ul>
</nav>
</header>

<section class = "content-title">
<h2>Code Journal</h2>
</section>

<main>
<article class= "blog-post">
<h3>Title</h3>
<p>
hey
</p>
</article>

<article class= "blog-post">
<h3 class = "title">Title1</h3>
<p>
hello
</p>
</article>

<article class= "blog-post">
<h3>Title2</h3>
<p>
hi
</p>
</article>

<article class= "blog-post">
<h3>Title3</h3>
<p>
what happens
</p>
</article>

<article class= "blog-post">
<h3>Title4</h3>
<p>
when more
</p>
</article>

<article class= "blog-post">
<h3>Title5</h3>
<p>
are added
</p>
</article>

</main>

<footer>
<section class = "footer-text">
<h4> &copy; 2017 </h4>
<p>Amy Lee</p>
</section>
<section class= "social-menu">
<ul class="social-icons">
<li><a href="https://github.com/ayjlee?tab=repositoriesf" class="social-icon"> <i class="fa fa-github"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
</ul>

</section>
</footer>

</body>
</html>
78 changes: 78 additions & 0 deletions content/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Amy Lee Works</title>
<link rel="stylesheet" href = "../stylesheets/styles.css" />
<link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet">
<!-- social media icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>
<body class = "home">

<header>
<h1><a id = "main-title" href="./index.html"> amy lee </a></h1>
<nav class = "container sticky-nav">
<ul>
<li>
<a href = "./index.html"> home</a>
</li>
<li>
<a href = "./portfolio.html"> portfolio</a>
</li>
<li>
<a href = "./code-journal.html"> code journal</a>
</li>
<li>
<a href = "./about.html"> about me</a>
</li>
</ul>
</nav>
</header>

<main>
<article class= "container" id = "about-blurb">
Amy is learning to be an empathetic software developer.
<p>
<a href = "./about.html">learn more</a>
</p>
</article>

<!-- experimenting with clickable links -->

<a href = "./portfolio.html">
<article class = "featured project container" id = "egg">
portfolio
</article>
</a>

<a href = "https://soundcloud.com/fletcher-shears/all-the-best-ft-fat-tony">
<!-- link to real playlist later -->
<article class = "featured project container" id = "tv">
now playing
</article>
<a/>

<a href = "./code-journal.html"><article class = "featured project container" id = "shape">
code-journal
</article></a>

</main>

<footer>
<section id = "footer-display">
<section class = "footer-text">
<h4> &copy; 2017 </h4>
<p> amy lee</p>
</section>
<section class= "social-menu">
<ul class="social-icons">
<li><a href="https://github.com/ayjlee?tab=repositories" class="social-icon"> <i class="fa fa-github"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
</ul>
</section>
</section>
</footer>
</body>
</html>
73 changes: 73 additions & 0 deletions content/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AYL Portfolio</title>
<link rel="stylesheet" href = "../stylesheets/styles.css" />
<link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>
<body class = "portfolio">
<header>
<h1><a id = "main-title" href="./index.html"> amy lee </a></h1>
<nav class = "container sticky-nav">
<ul>
<li>
<a href = "./index.html"> home</a>
</li>
<li>
<a href = "./portfolio.html"> portfolio</a>
</li>
<li>
<a href = "./code-journal.html"> code journal</a>
</li>
<li>
<a href = "./about.html"> about me</a>
</li>
</ul>
</nav>
</header>
<section class = "content-title">
<h2>Portfolio</h2>
</section>

<main>
<article class = "project">
<section class= "project-img-container">
<h3 class = "centered-text"> Project 1 </h3>
</section>
<p>Project Description, default picture.</p>
</article>

<article class = "project">
<section class= "project-img-container" id= "rept">
<h3 class = "centered-text"> project 2</h3>
</section>
<p>Project Description that can go on and on forever, who knows how long it will take to get this up and running, I'm not sure that it's worth the time to think about it at this point </p>
</article>

<article class = "project">
<section class= "project-img-container newest" id= "horse">
<h3 class = "centered-text"> project 3 </h3>
</section>
<p>Great, here is my latest project for everyone to see, it will display so that the latest addition is up top</p>
</article>

</main>

<footer>
<section class = "footer-text">
<h4> &copy; 2017 </h4>
<p>Amy Lee</p>
</section>
<section class= "social-menu">
<ul class="social-icons">
<li><a href="https://github.com/ayjlee?tab=repositories" class="social-icon"> <i class="fa fa-github"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
</ul>

</section>
</footer>
</body>
</html>
Binary file added images/birb.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.
Binary file added images/fashion_pup.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.
Binary file added images/horse.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.
Binary file added images/rept.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.
46 changes: 46 additions & 0 deletions stylesheets/style_bank.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
/*candidates for css page style*/

/*below doesnt work*/
/*#about-blurb article:hover {
transform: rotateY(45deg) translateZ(0);
}*/

/*footer {*/
/*position: absolute;*/
/*right: 0;
bottom: 0;
left: 0;*/
/*padding: 1rem;*/
/*background-color: #efefef;*/
/*text-align: center;*/
/*}*/


/*fonts*/

/*font-family: 'Work Sans', sans-serif;*/
/*font-family: 'Open', sans-serif;*/
/*font-family: 'Inconsolata', monospace;*/
/*font-family: 'Raleway', sans-serif;*/
/*font-family: 'Play', sans-serif;*/
/*href="https://fonts.googleapis.com/css?family=Open|Play|Raleway|Roboto|Inconsolata|Work+Sans|Lusitana" rel="stylesheet">*/


/*colors*/

/*mustard*/
/*background-color: #ffc000;*/
/*peachy color*/
/*background-color: #f6c497;*/
/*darker tan*/
/*background-color: #f9e0ae;*/
/*lighter tan*/
/*background-color: #ffe7bf;*/
/*background: linear-gradient(180deg,rgba(0,0,0,.45),transparent 90%);*/

/*shapes*/

/*https://css-tricks.com/examples/ShapesOfCSS/*/
/*https://1stwebdesigner.com/css-shapes/*/
/*https://css-tricks.com/working-with-shapes-in-web-design/*/
/*https://www.html5rocks.com/en/tutorials/shapes/getting-started/*/
Loading