Commit 004f5451 authored by Porter Libby's avatar Porter Libby
Browse files

add framework + data

parent bc51c745
......@@ -30,6 +30,7 @@
<link rel="stylesheet" href="public/css/main.css">
<!-- LOCAL JS -->
<script src="public/js/index.js"></script>
<script src="public/js/searchBar.js"></script>
<!-- LOCAL DATA -->
......@@ -165,16 +166,25 @@
<!-- Block 2 -->
<div class='block' id="block2">
<span class='section-prompt'>2. Choose something that sounds fulfilling</span>
<br>
<div class='inner-nav'> <!-- Nav options for this block -->
<button type="button" class="btn btn-labeled btn-dark btn-research">
<span class="btn-label"><i class="fa fa-flask"></i></span><br>Research</button>
<button type="button" class="btn btn-labeled btn-dark btn-internship">
<span class="btn-label"><i class="fa fa-user-md"></i></span><br> Internship</button>
<button type="button" class="btn btn-labeled btn-dark btn-offcampus">
<span class="btn-label"><i class="fa fa-book"></i></span><br> Off-campus Study</button>
<div style='position:absolute;'>
<span class='section-prompt'>2. Pursue a passion project</span>
<form">
<input type="radio" id="1" name="gender" value="entrepreneurship_innovation" onchange="section_two(this.value)">
<label for="1">Center for Entrepreneurship & Innovation</label><br>
<input type="radio" id="2" name="gender" value="environmental_leadership" onchange="section_two(this.value)">
<label for="2">Center for Environmental Leadership</label><br>
<input type="radio" id="3" name="gender" value="global_health" onchange="section_two(this.value)">
<label for="3">Center for Global Health</label><br>
<input type="radio" id="4" name="gender" value="social_justice" onchange="section_two(this.value)">
<label for="4">Center for Social Justice</label>
</form>
</div>
<iframe style='' width="560" height="315" src="https://www.youtube.com/embed/vjsbZiBVFRM"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>
</div>
<!-- Block 3 -->
......
......@@ -101,6 +101,7 @@ body{
#block2 {
background-color: #6F263D;
color:white;
height: 400px;
}
#block3 {
......
......@@ -14,6 +14,24 @@ var dictionary = {
"first_year_advising": "This is placeholder information for the FIRST YEAR ADVISING block.",
"career_exploration": "This is placeholder information for the CAREER EXPLORATION block.",
"career_community": "This is placeholder information for the CAREER COMMUNITY block.",
"passion project": {
'entrepreneurship_innovation' : [
"The Center for Entrepreneurship and Innovation helps students connect business to the social good. Join the EPIC Grand Challenge, where you’ll build a plan to impact 25,000 people in the Richmond area in the areas of neighborhood development, employability, and community development. Or get involved with our campus chapter of Net Impact, a student organization that serves as a leadership accelerator for future changemakers.",
"https://www.youtube.com/watch?v=OFXvx_QAbX4&feature=youtu.be&list=PLLskAD3RU43XcMiIvtAEOnTHh0Zdp33N1"
],
'environmental_leadership' : [
"The Center for Environmental Leadership is for students interested in being outside, getting their hands dirty, or tackling environmental challenges on campus. Join the Student Sustainability Corps, learn about sustainable agriculture on Miller Farm, or take trips into nature and gain invaluable leadership skills through Outdoor Education.",
"https://www.youtube.com/watch?v=OFXvx_QAbX4&feature=youtu.be&list=PLLskAD3RU43XcMiIvtAEOnTHh0Zdp33N1"
],
'global_health' : [
"The Center for Global Health is for students interested in health careers. Get hands-on experience in the healthcare field through the CGH health externship program, study public health issues in the Dominican Republic alongside your faculty, and join our campus chapter of HOSA (Health Occupations Students of America).",
"https://www.youtube.com/watch?v=a4vlCzImZVs&feature=youtu.be&list=PLLskAD3RU43XcMiIvtAEOnTHh0Zdp33N1"
],
'social_justice' : [
"The Center for Social Justice is for students interested in activism and advocacy. Apply for the Earlham Peace Prize, which provides students with $10,000 to do a peace project anywhere in the world, or participate in Spring Lobby Weekend in Washington, D.C., where you’ll advocate for social justice with our federal lawmakers.",
"https://www.youtube.com/watch?v=oYhn3XP1NmA&feature=youtu.be"
]
},
"campus_life": [
"a campus life example 1",
"b campus life example 2",
......
function section_two(val){ // load info for section two based on value
var desc = dictionary["passion project"][val][0];
var video = dictionary["passion project"][val][1];
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment