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 23b400a commit c470f31
Showing 1 changed file with 78 additions and 115 deletions.
193 changes: 78 additions & 115 deletions spikeprime.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,49 +7,21 @@
<meta name="description" content="">
<meta name="author" content="">
<title>CEEO INNOVATIONS</title>
<link rel="stylesheet preload" as="style"href="web/css/allisoncss.css">
<!-- Custom fonts for this template -->
<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">
<!--Allison's helper functions for appending content-->
<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">
<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/aos.css">
<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">
<style>
.col-center-block {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.col-md-700{-ms-flex:0 0 56.333333%;flex:0 0 56.333333%;max-width:56.333333%}

header2{
display:block;
padding:.5rem 0rem;
margin-bottom:0;
font-size:.875rem;
color:#6c757d;
white-space:nowrap}
<link rel="preload stylesheet" href="../web/css/style.css" as="style">

.project_description{
text-align: center;
margin-left: 10%;
margin-right:10%;
font-wight: 400;
}
/*.project_description h2 {
font-weight: 400;
font-size: 1.9rem;
margin-bottom: 4rem;
}*/
</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) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0VG6RFT65R"></script>
Expand All @@ -60,40 +32,30 @@

gtag('config', 'G-0VG6RFT65R');
</script>
<body style="background-color: #fff">
<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-->
<!-- 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 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>
<div id="myLinks" class = "dropdown navlink">
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
{% for item in site.data.navigation.docs %}
{% if item.sublinks %}
<a id="mysublinks" class="navlink"onclick="mysubFunction()" >{{ item.title }}
<i class="fa fa-caret-down"></i>
</a>
<div id="sublinks">
{% for sublink in item.sublinks %}
<a class="navlink" href="{{ sublink.url }}" style="background-color:#2efa98;" >{{ sublink.title }}</a>
{% endfor %}
</div>
</a>
{% else %}
<a class ="navlink nav hvr-shrink" href="{{ item.url }}" >{{ item.title }}</a>
{% endif %}
<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>
<!-- Navigation links (hidden by default)-->
<!-----------NAV BAR-------------------------------------------------------------------->
<div id="nav-wrap">
<div id="navbar" class="clearfix">
<a id="logo" class="navlink" href="https://ceeoinnovations.github.io/" 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 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>
Expand All @@ -105,97 +67,98 @@
{% endif %}
{% if item.title == "Search"%}
<li>
<a id="navsearchimglink" href={{item.url}}>
<img id="navimg" src="web/img/black-search.png" >
<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="{{ site.url }}{{ site.baseurl }}{{ item.url }}" class="dropbtn dropdown-toggle navlink nav hvr-shrink" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<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="{{ site.url }}{{ site.baseurl }}{{ sublink.url }}">{{ sublink.title }}</a>
<a href="{{ item.url | prepend:"../" }}">{{ sublink.title }}
</a>
{% endfor %}
</div>
</a>
</li>
{% else %}
<li>
<a class ="navlink nav hvr-shrink" href="{{ item.url }}" >{{ item.title }}</a>
<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://ceeo.tufts.edu/" >
<img id="navimg" src="web/img/ceeoblacklogo.png"onError="this.onerror=null;this.src='web/img/ceeopinklogo.png';" alt="">
<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>
</div>
<div class="moderator">
{{content}}
</div>
<script src="web/js/aos.js"></script>
<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";
}
}
{{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()};

function mysubFunction() {
var x = document.getElementById("sublinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
<script>
AOS.init();
$(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;

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


function scrollFunction() {

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

function scrollFunction() {
if (document.body.scrollTop > 15) {

if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
document.getElementById("navbar").style.padding = "0px 0px";
$("#navbar").css({"padding-left": ".5%", "padding-right": ".5%","padding-top":"0%","background-color":" #fff"});

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

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

$("#navbar").css({"padding-bottom": "2.5%", "padding-top":"2.5%", "background-color":"#fff"});

}
}
</script>

}
</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>
</html>

0 comments on commit c470f31

Please sign in to comment.