chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updates

Browse Source
This commit is contained in:
chris 2022-12-12 18:36:07 -05:00
parent f222667b0d
commit 5f57db6c15
15 changed files with 59 additions and 199 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
beach/img/assets/logo-sm.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 68 KiB

BIN
beach/img/assets/logosmall_bpb.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

BIN
beach/img/assets/logosmall_bpb1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 120 KiB

BIN
beach/img/slideshow/img1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 MiB

BIN
beach/img/slideshow/img2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 497 KiB

BIN
beach/img/slideshow/img3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 MiB

71
beach/index.html
View File

@ -1,71 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beach Party Balloons</title>
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<body>
<!-- navbar -->
<div class="navbar-fixed ">
<nav>
<div class="nav-wrapper light-blue lighten-5">
<a href="#!" class="brand-logo"><img src="img/assets/logo-sm.png" height="55px" alt=""></a>
<ul class="right hide-on-med-and-down">
<li><a class="blue-grey-text darken-3" href="sass.html">Sass</a></li>
<li><a class="blue-grey-text darken-3" href="badges.html">Components</a></li>
</ul>
</div>
</nav>
</div>
<!-- Slideshow -->
<div class="carousel">
<a class="carousel-item" href="#one!"><img src="img/slideshow/img1.jpg"></a>
<a class="carousel-item" href="#two!"><img src="img/slideshow/img2.jpg"></a>
<a class="carousel-item" href="#three!"><img src="img/slideshow/img3.jpg"></a>
</div>
<footer class="page-footer light-blue lighten-5">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="blue-grey-text darken-3">Footer Content</h5>
<p class="blue-grey-text darken-3">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="blue-grey-text darken-3">Links</h5>
<ul>
<li><a class="blue-grey-text darken-3" href="#!">Link 1</a></li>
<li><a class="blue-grey-text darken-3" href="#!">Link 2</a></li>
<li><a class="blue-grey-text darken-3" href="#!">Link 3</a></li>
<li><a class="blue-grey-text darken-3" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container blue-grey-text darken-3">
© 2014 Copyright Text
<a class="blue-grey-text darken-3 right" href="#!">More Links</a>
</div>
</div>
</footer>
</body>
</html>

13
beach/script.js
View File

@ -1,13 +0,0 @@
// initialize navbar
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.sidenav');
var instances = M.Sidenav.init(elems, options);
});
// init slideshow
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelector('.carousel');
var instances = M.Carousel.init(elems, options);
console.log("twst")
});

9
beach/style.css
View File

@ -1,9 +0,0 @@
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}

95
kathleen/index.html
View File

@ -1,95 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kathleen</title>
<style>
body{
font-size: xx-large;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
section{
display: flex;
width: 80%;
justify-content: center;
align-content: center;
flex-direction: column;
margin: auto
}
.links{
background-color: lime;
width: fit-content;
padding: 2rem;
align-self: center;
}
#noclass{
align-self: center;
}
</style>
</head>
<body>
<section>
<div class="links" id="morning"><a href="https://meet.google.com/qew-czjp-tpp?pli=1">9:00</a> </div>
<div class="links" id="humanities"><a href="https://meet.google.com/vtj-djcg-xud">10:30</a> </div>
<div class="links" id="stem"><a href="https://meet.google.com/vtj-djcg-xud">1:30</a> </div>
<div id="noclass">No Classes Right Now 😁</div>
</section>
<script type="text/javascript">
// var d = new Date();
let morningStart = new Date()
morningStart.setHours(08)
morningStart.setMinutes(54)//"08:55:00"
let morningEnd = new Date() //"09:05:00"
morningEnd.setHours(09)
morningEnd.setMinutes(05)
let humanitiesStart = new Date() //"10:25:00"
humanitiesStart.setHours(10)
humanitiesStart.setMinutes(39)
let humanitiesEnd = new Date() //"10:35:00"
humanitiesEnd.setHours(10)
humanitiesEnd.setMinutes(50)
let stemStart = new Date() //"13:25:00"
stemStart.setHours(13)
stemStart.setMinutes(24)
let stemEnd = new Date() //"13:35:00"
stemEnd.setHours(13)
stemEnd.setMinutes(35)
// document.querySelector() dt >= dt1 && dt <= dt2
function checkTime() {
var d = new Date(); // current time
if (d.getTime() >= morningStart.getTime() && d.getTime() <= morningEnd.getTime()){
document.getElementById("morning").style.display = 'flex';
}
else {document.getElementById("morning").style.display = 'none'; }
if (d.getTime() >= humanitiesStart.getTime() && d.getTime() <= humanitiesEnd.getTime()) {
document.getElementById("humanities").style.display = 'flex';
}
else { document.getElementById("humanities").style.display = 'none'; }
if (d.getTime() >= stemStart.getTime() && d.getTime() <= stemEnd.getTime()) {
document.getElementById("stem").style.display = 'flex';
}
else { document.getElementById("stem").style.display = 'none'; }
if (document.getElementById("morning").style.display == 'flex' || document.getElementById("humanities").style.display == 'flex' || document.getElementById("stem").style.display == 'flex') document.getElementById("noclass").style.display = 'none';
return
}
checkTime();
setInterval(checkTime, 1000);
</script>
</body>
</html>

1
menu/menu.css
View File

@ -20,4 +20,5 @@ html{
} }
.navbar-item:hover { .navbar-item:hover {
color: #363636 !important; color: #363636 !important;
background-color: white !important;
} }

12
nato/style.css
View File

@ -23,10 +23,11 @@ h1{
background-color: #2d2e2e !important; background-color: #2d2e2e !important;
border-color:#2d2e2e !important} border-color:#2d2e2e !important}
#main{ #main{
margin-top: 7%;
display: flex; display: flex;
justify-items: center; margin-top: 7%;
flex-direction: column; flex-direction: column;
column-gap: 50px;
justify-items: flex-end;
} }
#clear{ #clear{
font-size: 35px; margin: 3%; font-size: 35px; margin: 3%;
@ -39,9 +40,10 @@ text-align: center !important;
} }
#output{ #output{
background-color: cornflowerblue; background-color: cornflowerblue;
max-width: 60%; max-width:max-content;
width: 300px; width: 75%;
height: 15rem; /* height: 15rem; */
min-height: fit-content;
margin: auto; margin: auto;
margin-top: 50px; margin-top: 50px;
color: white; color: white;

20
rollDice/dice.css
View File

@ -1,6 +1,7 @@
body{ body{
background-color: #b967ff; background-color: #b967ff;
height: 100%;
} }
#diceContainer{ #diceContainer{
@ -24,6 +25,7 @@ body{
color: #fffb96; color: #fffb96;
border-radius: 20px; border-radius: 20px;
font-size: 200%; font-size: 200%;
padding: 2rem;
} }
#numberOfDiceSelection{ #numberOfDiceSelection{
@ -40,6 +42,22 @@ input[type=radio] {
width: 100%; width: 100%;
height: 2em; height: 2em;
} }
img{ .die{
height:7.75em; height:7.75em;
} }
#numbers{
display: none;
text-align: center;
font-size: 1.5rem;
color: white;;
}
.wrapper{
position:fixed;
right:0;
bottom:0;
}
#math{
display: none;
}

27
rollDice/dice.js
View File

@ -8,25 +8,44 @@ function newDiceNumber() {
die_value[i] = new Array(2); die_value[i] = new Array(2);
} }
for (i = 0, j = 1; i < numberOfDice; i++, j++) { for (i = 0, j = 1; i < numberOfDice; i++, j++) {
die_value[i][0] = "<img src='../dice/die" + j + ".png' />"; die_value[i][0] = "<img class='die' src='../dice/die" + j + ".png' />";
die_value[i][1] = j; die_value[i][1] = j;
document.getElementById("die" + j).innerHTML = die_value[i][0]; document.getElementById("die" + j).innerHTML = die_value[i][0];
} }
} }
function shuffle_dice() { function shuffle_dice() {
document.getElementById("math").style.display = "block"
let addition = "";
let sum = 0;
for (i = 0, j = 1; i < die_value.length; i++, j++) { for (i = 0, j = 1; i < die_value.length; i++, j++) {
var rand = Math.floor(Math.random() * 6) + 1; var rand = Math.floor(Math.random() * 6) + 1;
die_value[i][0] = "<img src='../dice/die" + rand + ".png' />" die_value[i][0] = "<img class='die' src='../dice/die" + rand + ".png' />"
die_value[i][1] = rand; die_value[i][1] = rand;
document.getElementById("die" + j).innerHTML = die_value[i][0]; document.getElementById("die" + j).innerHTML = die_value[i][0];
document.getElementById("numbers").innerHTML = die_value[i][1] + "+" + die_value[j][1]; addition += ` ${die_value[i][1]}` + " ";
sum = sum + die_value[i][1];
if (i < die_value.length -1) {addition += "+"; } else addition += "= ";
} }
document.getElementById("numbers").innerHTML = addition + sum;
}
function showMath(){
var numBlock = document.getElementById('numbers');
if (numBlock.style.display === "none") {
    numBlock.style.display = "block";
  } else {
    numBlock.style.display = "none";
}
} }
function die_gif() { function die_gif() {
for (i = 0, j = 1; i < die_value.length; j++, i++) { for (i = 0, j = 1; i < die_value.length; j++, i++) {
die_value[i][0] = "<img src='../dice/die" + (j) + ".gif' />"; die_value[i][0] = "<img class='die' src='../dice/die" + (j) + ".gif' />";
document.getElementById("die" + j).innerHTML = die_value[i][0]; document.getElementById("die" + j).innerHTML = die_value[i][0];
} }
setTimeout(shuffle_dice, 600) setTimeout(shuffle_dice, 600)

10
rollDice/index.html
View File

@ -6,6 +6,8 @@
<link rel="stylesheet" href="dice.css" /> <link rel="stylesheet" href="dice.css" />
<link rel="stylesheet" type="text/css" href="/menu/menu.css" /> <link rel="stylesheet" type="text/css" href="/menu/menu.css" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
<title>Roll Dice</title> <title>Roll Dice</title>
</head> </head>
@ -13,7 +15,7 @@
<body> <body>
<div id="nav_menu"> <div id="navContainer">
</div> </div>
<script src="/menu/menu.js"></script> <script src="/menu/menu.js"></script>
<br /><br /><br /> <br /><br /><br />
@ -43,6 +45,12 @@
<br> <br>
<div id="numbers"></div> <div id="numbers"></div>
<div class="wrapper">
<button id="math" onclick="showMath()">
Show Math
</button>
</div>
<script type="text/javascript" src="dice.js"> <script type="text/javascript" src="dice.js">
</script> </script>