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

Maddie Shields - Edges - Personal Portfolio Site #43

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

Maddie Shields - Edges - Personal Portfolio Site #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
d453e77
Begin setting up necessary files
madaleines Sep 14, 2018
e0ed217
begin skeleton for index.html
madaleines Sep 14, 2018
0705a36
updated css
madaleines Sep 18, 2018
963334a
add more css
madaleines Sep 18, 2018
8439247
Fix html to work with w3 css
madaleines Sep 18, 2018
307beda
link ig with about/play section
madaleines Sep 18, 2018
d98b6c6
modify css for ig feed
madaleines Sep 18, 2018
f14c3b5
add some pics
madaleines Sep 18, 2018
72f110b
Fix text spacing in css
madaleines Sep 18, 2018
223a9bc
Add summ section on index
madaleines Sep 18, 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
Binary file added images/1.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/2.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/aloha-coffee.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/bae-gal.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.
77 changes: 77 additions & 0 deletions pages/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<title>madaleineS.</title>
<link href="../styles/normalize.css" rel="normalizesheet">
<link href="../styles/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>

<body>
<div>
<header>
<nav class="categories">
<li id="visible">
<h5>/ Categories</h5>
<ul id="hidden">
<li>
<a href="about.html">about</a>
</li>
<li>
<a href="work.html">work</a>
</li>
<li>
<a href="play.html">play</a>
</li>
</ul>
</li>
</nav>

<nav class="connect">
<li id="visible">
<h5>Connect /</h5>
<ul id="hidden">
<li>
<a href="https://www.linkedin.com/in/madshields/">linkedin</a>
</li>
<li>
<a href="https://github.com/madaleines">github</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">email</a>
</li>
</ul>
</li>
</nav>

<section class="head-title">
<h3 class="title"><a href="index.html">madaleineS.</a></h3>
</section>
</header>

<section class="content">
<img src="../images/aloha-coffee.jpg" style="width:25%"/>
</section>

<section class="content">
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-514442e9-c80b-475e-93bf-44ca04f9902e"></div>
</section>

<footer class="footer">
<ul>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">Contact</a>
</li>
</ul>
</footer>
</div>

</body>

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

<head>
<meta charset="utf-8">
<title>madaleineS.</title>
<link href="../styles/normalize.css" rel="normalizesheet">
<link href="../styles/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>

<body>
<div>
<header>
<nav class="categories">
<li id="visible">
<h5>/ Categories</h5>
<ul id="hidden">
<li>
<a href="../pages/about.html">about</a>
</li>
<li>
<a href="../pages/work.html">work</a>
</li>
<li>
<a href="../pages/play.html">play</a>
</li>
</ul>
</li>
</nav>

<nav class="connect">
<li id="visible">
<h5>Connect /</h5>
<ul id="hidden">
<li>
<a href="https://www.linkedin.com/in/madshields/">linkedin</a>
</li>
<li>
<a href="https://github.com/madaleines">github</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">email</a>
</li>
</ul>
</li>
</nav>

<section class="head-title">
<h3 class="title"><a href="../pages/index.html">madaleineS.</a></h3>
</section>
</header>



<section class="summ">
<p>
Madaleine Shields currently is a Software Development Student at <strong><a href="https://www.adadevelopersacademy.org/">Ada Developer's Academy</a></strong>. In her downtime she is also a dancer, horologist, amateur cook, and green thumb enthusiast.
</p>
</section>

<section class="pronouns">
<p>(she/her)</p>
</section>

<section class="content">
<img src="../images/bae-gal.jpg" style="width:37%" />
</section>

<footer class="footer">
<ul>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">Contact</a>
</li>
</ul>
</footer>

</div>

</body>

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

<head>
<meta charset="utf-8">
<title>madaleineS.</title>
<link href="../styles/normalize.css" rel="normalizesheet">
<link href="../styles/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
</head>

<body>
<div>
<header>
<nav class="categories">
<li id="visible">
<h5>/ Categories</h5>
<ul id="hidden">
<li>
<a href="about.html">about</a>
</li>
<li>
<a href="work.html">work</a>
</li>
<li>
<a href="play.html">play</a>
</li>
</ul>
</li>
</nav>

<nav class="connect">
<li id="visible">
<h5>Connect /</h5>
<ul id="hidden">
<li>
<a href="https://www.linkedin.com/in/madshields/">linkedin</a>
</li>
<li>
<a href="https://github.com/madaleines">github</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">email</a>
</li>
</ul>
</li>
</nav>

<section class="head-title">
<h3 class="title"><a href="index.html">madaleineS.</a></h3>
</section>
</header>

<section class="content">
<div class="play">
<h2>play</h2>
</div>
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-514442e9-c80b-475e-93bf-44ca04f9902e"></div>

</section>

<footer class="footer">
<ul>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">Contact</a>
</li>
</ul>
</footer>
</div>

</body>

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

<head>
<meta charset="utf-8">
<title>madaleineS.</title>


<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link href="../styles/normalize.css" rel="normalizesheet">
<link href="../styles/w3.css" rel="stylesheet">
<link href="../styles/styles.css" rel="stylesheet">

<style>
.mySlides {display:none}
.demo {cursor:pointer}
</style>
</head>

<body>
<div>
<header>
<nav class="categories">
<li id="visible">
<h5>/ Categories</h5>
<ul id="hidden">
<li>
<a href="about.html">about</a>
</li>
<li>
<a href="work.html">work</a>
</li>
<li>
<a href="play.html">play</a>
</li>
</ul>
</li>
</nav>

<nav class="connect">
<li id="visible">
<h5>Connect /</h5>
<ul id="hidden">
<li>
<a href="https://www.linkedin.com/in/madshields/">linkedin</a>
</li>
<li>
<a href="https://github.com/madaleines">github</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">email</a>
</li>
</ul>
</li>
</nav>

<section class="head-title">
<h3 class="title"><a href="index.html">madaleineS.</a></h3>
</section>
</header>

<section class="content">
<div class="w3-container">
<h2>work</h2>
</div>

<div class="w3-content" style="max-width:600px">
<img class="mySlides" src="../images/1.png" style="width:100%">
<img class="mySlides" src="../images/2.png" style="width:100%">

Copy link

Choose a reason for hiding this comment

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

These have inline styles! The width: 100% should go in your CSS.

<div class="w3-row-padding w3-section">
<div class="w3-col s4">
<img class="demo w3-opacity w3-hover-opacity-off" src="../images/1.png" style="width:100%" onclick="currentDiv(1)">
</div>
<div class="w3-col s4">
<img class="demo w3-opacity w3-hover-opacity-off" src="../images/2.png" style="width:100%" onclick="currentDiv(2)">
</div>
</div>
</div>

<script>
var slideIndex = 1;
showDivs(slideIndex);

Copy link

Choose a reason for hiding this comment

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

JavaScript should always live in a separate file. Inline scripts are bad form.

function plusDivs(n) {
showDivs(slideIndex += n);
}

function currentDiv(n) {
showDivs(slideIndex = n);
}

function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-opacity-off", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-opacity-off";
}
</script>
</section>


<footer class="footer">
<ul>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="mailto:maddie.shields@me.com">Contact</a>
</li>
</ul>
</footer>
</div>
</body>
</html>
Loading