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

Ana Lisa Sutherland: Octos Static Site #41

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

Ana Lisa Sutherland: Octos Static Site #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2611b4d
Finally able to commit due to non airport internet. Includes all 5 pa…
The-Beez-Kneez Mar 19, 2018
09f9b90
Create test_site_index.html
The-Beez-Kneez Mar 19, 2018
96a75c9
Create test_site_portfolio.html
The-Beez-Kneez Mar 19, 2018
7d61d0f
Create test_site_hobbies.html
The-Beez-Kneez Mar 19, 2018
0b28272
Create test_site_funny_page.html
The-Beez-Kneez Mar 19, 2018
6beb5c1
Create test_site_styles.css
The-Beez-Kneez Mar 19, 2018
bbfb71b
Create test_sites_portfolio_styles.css
The-Beez-Kneez Mar 19, 2018
c1daaf9
Create test_site_hobbies_styles.css
The-Beez-Kneez Mar 19, 2018
aa07b07
Create test_site_funny_page.css
The-Beez-Kneez Mar 19, 2018
53b2a52
Update test_site_hobbies.html
The-Beez-Kneez Mar 19, 2018
8583656
Update test_site_hobbies.html
The-Beez-Kneez Mar 19, 2018
451dc91
Update test_site_funny_page.html
The-Beez-Kneez Mar 19, 2018
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
48 changes: 48 additions & 0 deletions The_truth.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Outside Interests</title>
<link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
<link rel="stylesheet" href="assets/the_truth_style.css">
</head>
<body>
<div class="nav-container">
<nav>
<ul>
<li>
<a href="index.html">Home
</a>
</li>
<li>
Social Media
</li>
<li>
<a href="hobbies.html">Hobbies
</a>
</li>
<li>
<a href="The_truth.html">The Truth
</a>
</li>
</ul>
</nav>
<!-- TODO: PUT IN DIFFERENT SILLY PHOTO FOR SITE -->
<section class="pics">
<div class="pics">
<img src="DIFFERENT PHOTO HERE" alt="Action Shot!" class="profile-picture" />
<h1>But What Is The Take Away?</h1>
<span> The site gives only a brief look at chameleon of a human being. So what do we learn from all this?</span>
</div>
</section>
<div class="detail-container">
<section>
<h2>Ana Lisa Is Weird And Awesome...And She Wants To Help You Be So As Well!</h2>
<p>
And this site is clearly SUCH a work in progress.......emphasis on the work portion.
</p>
</section>
</div>
</div>
</body>
</html>
64 changes: 64 additions & 0 deletions assets/hobbies_style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
/* Navigation bar styling: Will be uniform throughout */
body {
font-family: 'Limelight', sans-serif;
color: rgba(215, 219, 14, 0.9);
background-color: rgba(10, 6, 6, 1);
margin: 0;
}

nav {
border-bottom: 15px double rgba(73, 8, 139, 0.78);
/* box-shadow: 0px 5px 10px 0px rgba(0,0,0, 0.5) ; */
}

nav ul {
display: flex;
list-style-type: none;
justify-content: space-around;
/* align-items: center; */
}
/* END OF NAV BAR PORTION */
/* PORTION THAT LISTS BLOCKED OUT SECTION TO PREVIOUS PROJECTS */
.nav-container > section {
margin: 100px auto;
}

.outside-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.outside-container > section {
padding: 25px;
padding-bottom: 100px;

background-color: rgb(227, 201, 28);
color: black;

border-bottom: 20px double black;
}

.dance-container > section:last-child {
border-right: 0;
}

.dance-container a {
color: black;
}
.dance-container a:hover {
color: blue;
}


nav a {
color: rgba(215, 219, 14, 0.9);
}
/* END OF MAIN CONTAINER PORTION */
/* DANCE QUOTE STYLING */
.dance-quote h3 {
background-color: rgb(227, 201, 28);
color: black;
font-style: italic;
border-bottom: 20px double black;
}
56 changes: 56 additions & 0 deletions assets/portfolio_styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
/* Navigation bar styling: Will be uniform throughout */
body {
font-family: 'Limelight', sans-serif;
color: rgba(215, 219, 14, 0.9);
background-color: rgba(10, 6, 6, 1);
margin: 0;
}

nav {
border-bottom: 2px solid rgba(0,0,0, 0.4);
/* box-shadow: 0px 5px 10px 0px rgba(0,0,0, 0.5) ; */
}

nav ul {
display: flex;
list-style-type: none;
justify-content: space-around;
/* align-items: center; */
}
/* END OF NAV BAR PORTION */
/* PORTION THAT LISTS BLOCKED OUT SECTION TO PREVIOUS PROJECTS */
.site-container > section {
margin: 100px auto;
}

.overview-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.overview-container > section {
padding: 25px;
padding-bottom: 100px;

background-color: rgb(227, 201, 28);
color: black;

border-bottom: 20px double black;
}

.overview-container > section:last-child {
border-right: 0;
}

.overview-container a {
color: black;
}

.overview-container a:hover {
color: blue;
}

nav a {
color: rgba(215, 219, 14, 0.9);
}
53 changes: 53 additions & 0 deletions assets/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
body {
font-family: 'Limelight', sans-serif;
color: rgba(215, 219, 14, 0.9);
background-color: rgba(10, 6, 6, 1);
margin: 0;
}

nav {
border-bottom: 2px solid rgba(0,0,0, 0.4);
}

nav ul {
display: flex;
list-style-type: none;
justify-content: space-around;
}

.nav-container a {
color: rgba(215, 219, 14, 0.9);
}

.pics {
width: 80vw;
margin: 0 auto;
}

.pics img {
height: 200px;
width: 50%
}

.profile-picture {
border-radius: 50%;
float: left;
margin-right: 10px;
padding-bottom: 5px;
}

.pics span {
display: block;
font-style: italic;
}

.pics {
color: rgb(187, 235, 176);
font-weight: bolder;
text-decoration: double;
}

.detail-container {
display: flex;
flex-wrap: wrap;
}
84 changes: 84 additions & 0 deletions assets/the_truth_style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
body {
font-family: 'Limelight', sans-serif;
color: rgba(215, 219, 14, 0.9);
background-color: rgba(10, 6, 6, 1);
margin: 0;
}

nav {
border-bottom: 2px solid rgba(0,0,0, 0.4);
color
/* box-shadow: 0px 5px 10px 0px rgba(0,0,0, 0.5) ; */
}

nav ul {
display: flex;
list-style-type: none;
justify-content: space-around;
/* align-items: center; */
}

.nav-container > section {
margin: 100px auto;
}

.nav-container a {
color: rgba(215, 219, 14, 0.9);
}


.pics {
width: 80vw;
margin: 0 auto;
}

.pics img {
height: 200px;
width: 50%
}

.profile-picture {
border-radius: 50%;
float: left;
margin-right: 10px;
padding-bottom: 5px;
}

.pics span {
display: block;
font-style: italic;
}

.pics {
color: rgb(187, 235, 176);
font-weight: bolder;
text-decoration: double;
}

.detail-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.detail-container > section {
padding: 25px;
padding-bottom: 100px;

background-color: rgb(227, 201, 28);
color: black;

border-right: 10px double black;
}

.detail-container > section:last-child {
border-right: 0;
}

.contact-links a {
color: black;
}

.contact-links a:hover {
color: white;
}
78 changes: 78 additions & 0 deletions hobbies.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>Outside Interests</title>
<link href="https://fonts.googleapis.com/css?family=Limelight" rel="stylesheet">
<link rel="stylesheet" href="assets/hobbies_style.css">
</head>
<body>
<div class="nav-container">
<nav>
<ul>
<li>
<a href="index.html">Home
</a>
</li>
<li>
Social Media
</li>
<li>
<a href="hobbies.html">Hobbies
</a>
</li>
<li>
<a href="The_truth.html">The Truth
</a>
</ul>
</nav>

<div class="dance-quote">
<section>
<h3>Each time I leaped I seemed to touch the sky & when I regained earth it seemed to be mine alone. -Josephine Baker</h3>
</section>

<div class="outside-container">
<section>
<h2>What She Is Usually Found Doing</h2>
<p>
Ana Lisa lives for dancing and if she is not found coding or developing, she is dancing (in fact sometimes she is found doing both at the same time).
</p>
<p>
She dances many different styles ranging from Tap to Whacking, but her heart truly lives with Lindy Hop and Vernacular Jazz. She spends the majority of her time listening, dancing, traveling, and performing all for them.
</p>
</section>
<section class="dance-container">
<h2>Upcoming Gigs!</h2>
<p>
Ana Lisa will be dancing at the following events in coming months.
</p>
<ul>
<!-- TODO: PUT IN EVENT LINKS AND DESCRIPTIONS -->
<li>
<p>
<a href="LINK FOR LINDYFEST">Lindyfest-Houston TX</a>:INFORMATION HERE.
</p>
</li>
<li>
<p>
<a href="https://github.com/analisasutherland/Solar-System">Lindy Bout-Vancouver BC</a>:
INFORMATION HERE
</p>
</li>
<li>
<p>
<a href="https://github.com/analisasutherland/ride-share">Northwest Balboa Fest-Seattle WA</a>: INFORMATION HERE.
</p>
</li>
<li>
<p>
<a href="https://github.com/analisasutherland/Word-Guess">Weirdo Weekend-San Francisco CA</a>INFORMATION HERE.
</li>
</ul>
<p>
This only covers the upcoming Spring 2018 season, more events and performances will follow for Summer and Fall.
</p>
</section>
</div>
</body>
1 change: 1 addition & 0 deletions images/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<img src="https://scontent-ort2-2.xx.fbcdn.net/v/t31.0-8/25311371_1560238490736045_3526506457589148513_o.jpg?_nc_cat=0&oh=21737b046cbfa86f8698641cc35e7c67&oe=5B37DE52
Loading