Commit 678bdb6b authored by Porter Libby's avatar Porter Libby
Browse files

change names

parent e2248ae8
......@@ -11,42 +11,47 @@
</head>
<body>
<div class="parent" style='position: absolute; z-index: 0;'>
<div class="box div1" onclick='openDetails(this)'>
<div class="box div1" onclick='openDetails("Campus Life",this)'>
<span class='box-header'>Campus Life</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div2" onclick='openDetails(this)'>
<div class="box div2" onclick='openDetails("Community Engagement", this)'>
<span class='box-header'>Community Engagement</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div3" onclick='openDetails(this)'>
<div class="box div3" onclick='openDetails("Major Selection", this)'>
<span class='box-header'>Major Selection</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div4" onclick='openDetails(this)'>
<div class="box div4" onclick='openDetails("Research", this)'>
<span class='box-header'>Research</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div5" onclick='openDetails(this)'>
<div class="box div5" onclick='openDetails("Internship", this)'>
<span class='box-header'>Internship</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div6" onclick='openDetails(this)'>
<div class="box div6" onclick='openDetails("Off-Campus Study", this)'>
<span class='box-header'>Off-Campus Study</span></br>
<span class='box-prompt'></span>
</div>
<div class="box div7" onclick='openDetails(this)'>
<div class="box div7" onclick='openDetails("Career", this)'>
<span class='box-header'>Career</span></br>
<span class='box-prompt'></span>
</div>
</div>
<div id='details-container'></div>
<script>
function openDetails(target){
function openDetails(label, target){
console.log(target);
var newDiv = document.createElement("div");
newDiv.className = 'details';
var title = document.createElement("span");
title.className = 'details-title';
title.textContent += label;
newDiv.append(title);
var returnButton = document.createElement('input');
returnButton.className = 'return';
returnButton.setAttribute("type", "button");
......
......@@ -16,9 +16,9 @@ body {
position: absolute;
}
.details{
height: 80vh;
width: 80vw;
margin: 10vh 10vw;
height: 85vh;
width: 90vw;
margin: 5vh 5vw;
position: absolute;
top: 0px;
background-color: var(--detail-color-1);
......@@ -26,6 +26,11 @@ body {
border: 1px solid black;
text-align: center;
overflow: hidden;
padding-top: 5vh;
}
.details-title{
font-size: 3vmin;
}
.details #searchbar{
margin-top: 100px;
......
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