Skip to content

Commit

Permalink
Update spikeprime.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Lynne-CEEO
Lynne-CEEO authored Feb 26, 2024
1 parent c470f31 commit cbaf6f6
Showing 1 changed file with 84 additions and 151 deletions.
235 changes: 84 additions & 151 deletions spikeprime.html
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,24 @@
---
layout: wrapper
---
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>CEEO INNOVATIONS</title>
<link rel="stylesheet" href="../web/css/aos.css">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet preload" as="style"href="../web/css/allisoncss.css">
<!-- Bootstrap core CSS -->
<link href="../web/css/bootstrap.min.css" rel="stylesheet preload" as="style">
<!-- Custom styles for this template -->
<link href="../web/css/business-casual.min.css" rel="stylesheet preload" as="style">
<!-- Custom styles for this template -->
<link rel="preload stylesheet" href="../web/css/style1.css" as="style">
<!-- Theme Style -->
<link rel="preload stylesheet" href="../web/css/style.css" as="style">

<link rel="stylesheet" href="../web/css/home_style.css">
<link rel="stylesheet" href="../web/css/post.css">
<link rel="stylesheet" href="../web/css/playground_style.css">
</head>
<!-- Google tag (gtag.js) -->

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>CEEO INNOVATIONS</title>


<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">

</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0VG6RFT65R"></script>
<script>
window.dataLayer = window.dataLayer || [];
Expand All @@ -32,133 +27,71 @@

gtag('config', 'G-0VG6RFT65R');
</script>
<body style="background-color:rgba(245,245,245,1);">
<!------Mobile Novbar---------------------------------------------------------------------->
<!-- Load an icon library to show a hamburger menu (bars) on small screens -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Top Navigation Menu -->
<div id="mobilenav" class=" clearfix sticky topnav">
<a href="../index.html" class="active"><img id="logoimg" class="img-fluid hvr-shrink" src="../web/img/Logo_DarkGreen_Inset.png" onError="this.onerror=null;this.src='web/img/Logo_DarkGreen_Inset.png';" alt="">
</a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
{% for item in site.data.navigation.docs %}
<a href="{{ item.url | prepend:"../" }}" >{{ item.title }}</a>
{% endfor %}
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" style="background-color: #fff; color: #000"onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<!-----------NAV BAR-------------------------------------------------------------------->
<div id="nav-wrap">
<div id="navbar" class="clearfix">
<a id="logo" class="navlink" href="../index.html" target="_blank">
<img id="logoimg" class="img-fluid hvr-shrink" src="../web/img/Logo_Black.png" onError="this.onerror=null;this.src='../web/img/Logo_Pink3.png';" alt="">
</a>
<div id="navbar-right">
<ul>
<li>
{% for item in site.data.navigation.docs %}
{% assign class = nil %}
{% if page.url contains link.url %}
{% assign class = 'active' %}
{% endif %}
{% if item.title == "Search"%}
<li>
<a id="navsearchimglink" href="{{ item.url | prepend:"../" }}">
<img id="navimg" src="../web/img/black-search.png" >
</a>
</li>
{% continue %}
{% endif %}
{% if item.sublinks %}
<li class = "dropdown">
<a href="#" class="dropbtn dropdown-toggle navlink nav hvr-shrink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{{ item.title }} <span class="caret"></span>
<div class="dropdown-content">
{% for sublink in item.sublinks %}
<a href="{{ item.url | prepend:"../" }}">{{ sublink.title }}
</a>
{% endfor %}
</div>
</a>
</li>
{% else %}
<li>
<a class ="navlink nav hvr-shrink" href="{{ item.url | prepend:"../" }}" >{{ item.title }}</a>
</li>
{% endif %}
{% endfor %}
<a id="navtuftsimglink" class="navlink hvr-shrink" href="https://www.tufts.edu/" >
<img id="navimg" src="../web/img/ceeoblacklogo.png"onError="this.onerror=null;this.src='../web/img/ceeopinklogo.png';" alt="">
</a>
</li>
</ul>
</div>
</div>

<body style="background-color:rgba(246,245,245,1);padding-top: 0px">

<!-- Navigation -->
<div id="mycontent" class="mycontent"> {{ content }} </div>
<h1 class="site-heading text-center">
<div id="titleheader">
<div class="myprojectheader mb-3" style="color:#51D294;">Placemat Instructions Playlist</div>
<div id="headerMPT" class="site-heading-upper headerMPT"></div>
<div id="mypageheader" class="mypageheader my-site-heading-upper subheaderMPT" style="text-transform: none;">{{page.title}}</div>
<div>{% if page.description %}
<h2 class="playgroundsubheader">{{page.description}} </h2>
{% endif %}
</div>
{{content}}
</body>
{% include footerpage.html %}
<!--............................................................................................................................................-->
<!--This is CEEO INNOVATION default footer -->
<!--............................................................................................................................................-->
<div class="footerpage"></div>
<script>
/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<script>
$(function(){
$(".footerpage").load("../footerpage.html");
});
</script>
<script>
// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
window.onscroll = function() {scrollFunction()};

var header = document.getElementById("nav-wrap");
var mobileheader = document.getElementById("mobilenav");
var sticky = header.offsetTop;



function scrollFunction() {

if (window.pageYOffset >= sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}

if (document.body.scrollTop > 15) {

document.getElementById("navbar").style.padding = "0px 0px";
$("#navbar").css({"padding-left": ".5%", "padding-right": ".5%","padding-top":"0%","background-color":" #fff"});


}else {
document.getElementById("navbar").style.padding = "10px 3px";
$("#navbar").css({"padding-bottom": "2.5%", "padding-top":"2.5%", "background-color":"#fff"});

}

}
</script>
<script src="../web/js/bootstrap.bundle.min.js"></script>
<script src="../web/js/jquery-3.2.1.min.js"></script>
<script src="../web/js/jquery-migrate-3.0.1.min.js"></script>
<script src="../web/js/bootstrap.js"></script>
<script src="../web/js/jquery.waypoints.min.js"></script>
<script src="../web/js/jquery.fancybox.min.js"></script>
<script src="../web/js/jquery.stellar.min.js"></script>
</div>
</h1>


<div class="contain">

<div id="appendlg">
</div>
<div id="sample_bloc">
{% include definition_block.html %}
</div>
<div id="append_here"></div>
</div>


<footer class="footer text-faded text-center py-5" >
<div class="container" style="border-top-style:solid;border-top-color: rgba(0,0,0,0.3)">
<p style="color:black; text-align: center; margin-top:3rem;text-indent: 1px">Copyright &copy; Tufts University Center for Engineering Education and Outreach 2020</p>
</div>
</footer>
</body>
<div class="footerpage"></div>
<script>
$(function(){
$(".footerpage").load("../footerpage.html");
});
</script>
<script type="text/javascript">
function mySliderFunction(acc_el){

if(acc_el.id == "open"){
acc_el.id = "close"
var panel = acc_el.nextElementSibling;
console.log(panel);
$(panel).css({"display": "none"});
} else if (acc_el.id == "close"){
acc_el.id = "open"
var panel = acc_el.nextElementSibling;
console.log(panel);
$(panel).css({"display": "block"});

} else {
console.log("ERROR");
}

}
</script>


<script src="../web/js/create_playlist.js"></script>
<script>CreatePlaylistMain();</script>


</html>

0 comments on commit cbaf6f6

Please sign in to comment.