Skip to content
This repository was archived by the owner on Dec 1, 2022. It is now read-only.

Corrected the title 8) #8

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

Corrected the title 8) #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
2bf0b42
corrected the title
Jun 28, 2017
0e77411
4H Exercises
Jun 28, 2017
60a1498
java script exercises
Jun 28, 2017
d2cd3e3
worked on website
Jun 29, 2017
a0209b4
Merge branch 'master' into Ryan_Butterbaugh
Jun 29, 2017
fca7478
Merge branch 'master' into Ryan_Butterbaugh
Jun 29, 2017
7bd3316
worked on the website
Jun 29, 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
106 changes: 98 additions & 8 deletions exercises/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,33 +2,123 @@
<html>

<head>
<title>4H Careeer Explorations</title>
<title>4H Career Explorations</title>
<style>

h1 {
font-weight:bold;
color: black;
}

h2 {
background-color: red;
}
p {
padding:20px;
border: 5px solid black;
}

li {
font-style:italic;
}

img {
background-color:red;
width:200px;
height:200px;
padding:10px;
}


</style>

</head>

<body>


<h1>League of Coders</h1>
<img src="images/league-of-coders.jpg" alt="League of Coders">
<p>Interested in developing your own website? Considering a career in web design and development or coding apps? These are exciting fields with plenty of room to be creative and innovative! In this module, we'll start with the basics - HTML and CSS - and
then learn how to integrate data and add fun user interactions into your site by writing conditionals, loops and functions using Javascript. No experience required.
</p>

<!-- Include HTML Examples Here -->


<h2>You Can Help Fulfill Grace Hopper’s Vision!</h2>
<p>
Grace Hopper is widely recognized as one of the most influential pioneers of computer science.
She was a visionary, an inventor, an educator, and an advocate.
Anyone who develops software today can see in Hopper’s work the origins of key principles and patterns that
are fundamental to modern programming languages.
She was one of the first programmers on the first computers in the United States, the <strong>Harvard Mark I.</strong>
</p>
<img src="images/1952_hopper-grace_large.jpg" alt="Grace Hopper"style="width:300px;height:300px;">
<h2> <p> more women in technology </p> </h2>
<h1> <p> These are some of the women in technology you can learn about here </p> </h1>


<ol>
<li>Ada Lovelace</li>
<li>Adele Goldberg</li>
<li>Carol Shaw</li>
</ol>
<!-- Include JavaScript examples within script tags below -->
<script type="text/javascript">
//JavaScript examples go here

var myStringVariable = "Grace Hopper";
var myNumberVariable = 1952;
document.write("String variable:" + myStringVariable);
document.write("<p>Number variable:" + myNumberVariable + "</p>");

var namesArray = [ "Ada Lovelace","Adele Goldberg","Anita Borg","Audrey Tang","Éva Tardos","Barbara Liskov","Beatrice Helen Worsley",
"Betty Holberton","Carla Meninsky","Carol Shaw","Dame Stephanie","Dana Ulery","Donna Dubinsky","Edith Clarke",
"Elizabeth J. Feinler","Ellen Spertus","Erna Schneider Hoover","Evelyn Boyd Granville","Frances Brazier","Frances E. Allen",
"Frances Spence","Gertrude Blanch","Grace Hopper","Grete Hermann","Hedy Lamarr","Henrietta Swan Leavitt","Ida Rhodes",
"Irene Greif","Irma Wyman","Janese Swanson","Jean Bartik","Jean E. Sammet","Jeri Ellsworth","Joan Margaret Winters",
"Joanna Rutkowska","Judith Estrin","Juliana Rotich","Karen Spärck Jones","Kathleen Booth","Kay McNulty","Kimberly Bryant",
"Limor Fried","Lorinda Cherry","Lynn Conway","Maria Klawe","Marissa Mayer","Marlyn Wescoff","Mary Allen Wilkes","Mary Lou Jepsen",
"Mary Shaw","Melanie","Monica S. Lam","Phyllis Fox","Radia Perlman","Rana el Kaliouby","Rósa Péter","Rebecca Enonchong","Roberta Williams",
"Ruchi Sanghvi","Ruth Lichterman","Sally Floyd","Sandra Kurtzig","Susan Estrada","Susan Nycum","Thelma Estrin","Window Snyder","Xiaoyuan Tu"];
//Output first element
document.write("First item in array:" + namesArray[0]);
document.write("<ul>");
var index;
for(index = 0; index < namesArray.length; index++) {
document.write("<li>" + namesArray[index] + "</li>");
}
document.write("</ul>");
</script>


</body>


</body>
<body>
<h1>League of Coders</h1>
<nav class="primary-nav">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Women in Technology</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Fields in Technology</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Community Resources</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</body>
</html>
167 changes: 166 additions & 1 deletion website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,162 @@
<!DOCTYPE html>
<html>
<head>
<<<<<<< HEAD
<meta charset="utf-8">
<title>Page Title</title>
<style>
.primary-nav {
margin-top: 15px
}

.primary-nav ul {
list-style: none;
position: relative;
float: left;
margin: 0;
padding: 0
}

.primary-nav ul a {
display: block;
color: #333;
text-decoration: none;
font-size: 16px;
line-height: 32px;
padding: 0 15px;
}

.primary-nav ul li {
position: relative;
float: left;
margin: 0;
padding: 0
}

.primary-nav ul li.active {
background:#ddd
}

.primary-nav ul li:hover {
background:#f6f6f6
}

.primary-nav ul ul {
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
padding:0
}

.primary-nav ul ul li {
float:none;
min-width:120px
}

.primary-nav ul ul a {
line-height:120%;
padding:10px 15px
}

.primary-nav ul li:hover > ul{
display:block
}


.clearUL {
Clear:both;
}

.ourImage {
width: 150px;
height: 150px;
}

</style>
</head>
<body>
<h1>Something Awesome</h1>

<h1>League of Coders</h1>
<nav class="primary-nav">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Women scientist</a>
<ul>

<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Fields in Technology</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Community Resources</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>


<script type="text/javascript">
var alphabetArray = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

var i;
var arrayLength = alphabetArray.length;
document.write("<ul class='clearUL'>");
for(i=0; i < arrayLength; i++) {
document.write("<li><a href='#alpha-" + alphabetArray[i].toLowerCase() + "'>" + alphabetArray[i] + "</a></li>");
}
document.write("</ul>");


</script>





<h3 id="alpha-a">A</h3>
<h3 id="alpha-b">B</h3>
<h3 id="alpha-c">C</h3>
<h3 id="alpha-d">D</h3>
<h3 id="alpha-e">E</h3>
<h3 id="alpha-f">F</h3>
<h3 id="alpha-g">G</h3>
<h3 id="alpha-h">H</h3>
<h3 id="alpha-i">I</h3>
<h3 id="alpha-j">J</h3>
<h3 id="alpha-k">K</h3>
<h3 id="alpha-l">L</h3>
<h3 id="alpha-m">M</h3>
<h3 id="alpha-n">N</h3>
<h3 id="alpha-o">O</h3>
<h3 id="alpha-p">P</h3>
<h3 id="alpha-q">Q</h3>
<h3 id="alpha-r">R</h3>
<h3 id="alpha-s">S</h3>
<h3 id="alpha-t">T</h3>
<h3 id="alpha-u">U</h3>
<h3 id="alpha-v">V</h3>
<h3 id="alpha-w">W</h3>
<h3 id="alpha-x">X</h3>
<h3 id="alpha-y">Y</h3>
<h3 id="alpha-z">Z</h3>


=======
<title>Navigation Code</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
Expand Down Expand Up @@ -122,10 +278,19 @@ <h1>League of Coders</h1>
var data = JSON.parse(text);
var profiles = data.profiles;
for (var i = 0; i < profiles.length; i++) {
var surname = profiles[1].surname;
var firstLetter = surname.charAt(0);
console.log(firstLetter);
if(firstLetter == "B") {
document.getElementById('women_in_tech').innerHTML += ("<h2>B</h2>");


}
document.getElementById('women_in_tech').innerHTML +=
("<li><img src=" + profiles[i].image_path + ">" + profiles[i].given_name + " " + profiles[i].surname + "</li>")
("<li><img class='ourImage' src=" + profiles[i].image_path + ">" + profiles[i].given_name + " " + profiles[i].surname + "</li>")
}
});
</script>
>>>>>>> master
</body>
</html>
8 changes: 5 additions & 3 deletions website/snippets/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,9 +77,11 @@ <h1>League of Coders</h1>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Women in Technology</a>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Computing</a></li>
<li><a href="#">Engineerinng </a></li>
<li><a href="#">Math</a></li>
<li><a href="#">Science</a></li>
</ul>
</li>
<li><a href="#">Fields in Technology</a>
Expand Down