Skip to content

Instantly share code, notes, and snippets.

@natafaye

natafaye/beast.js

Created July 27, 2022 01:55
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save natafaye/eb369d56076456562677c6ca5c3358d8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save natafaye/eb369d56076456562677c6ca5c3358d8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
beast.js
function feast(beast, dish) {
return beast[beast.length - 1] === dish[dish.length - 1] && beast[0] === dish[0]
}
Raw
week-9.css
.bg-slate {
background-color: #4F5D61;
}
Raw
week-9.html
<!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">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="week9.css" />
<title>Week 8</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-slate">
<div class="container">
<a class="navbar-brand" href="#">Chairs</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row mt-4">
<div class="col p-5">
<h2>This is a catchy sentence about chairs</h2>
<button class="btn btn-primary">See More</button>
</div>
</div>
<div class="row mt-4 text-center justify-content-evenly">
<!-- <div class="col-md bg-light p-5">
<p>And here is some more</p>
<button class="btn btn-primary">See More</button>
</div> -->
<div class="d-none d-md-block col-md col-lg-7 bg-dark text-white p-5">
<p>We love people with large screens</p>
<button class="btn btn-primary">See More</button>
</div>
<!-- <div class="col-md bg-light p-5">
<p>To take up space</p>
<button class="btn btn-primary">See More</button>
</div> -->
</div>
<div class="row mt-4">
<div class="col">
Mauris id hendrerit libero. Nunc pulvinar lorem at ligula sodales
suscipit ut vitae nisi. Proin nec eleifend nisi. Mauris augue quam,
semper et orci sed, rutrum luctus tortor. Donec tincidunt ex a nibh
euismod luctus. Sed facilisis metus at tortor sollicitudin, ac
suscipit risus hendrerit. Proin justo justo, consequat in maximus a,
rhoncus eget turpis. Morbi ac tellus nisi. Duis nisi odio, blandit
vitae risus ut, aliquet fermentum massa. In id velit vestibulum,
consequat mauris a, tincidunt felis. Cras dui sapien, faucibus id
semper vel, malesuada sit amet dui. Suspendisse finibus, dolor sed
fringilla condimentum, diam eros sagittis lectus, non aliquam nisl
nisi vitae nisl. Aliquam dictum, arcu eu scelerisque mollis, libero
nisi tempor magna, sit amet dictum leo nunc eget mauris.
</div>
</div>
</div>
<footer class="bg-slate text-white p-3 mt-4">
<div class="container-fluid">
<div class="row">
<div class="col">
Copyright 2021
</div>
<div class="col">
<ul>
<li><a>Home</a></li>
<li><a>Contact</a></li>
<li><a>About</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
</body>
</html>
Raw
years.js
var humanYearsCatYearsDogYears = function(humanYears) {
// initial numbers
let catYears = 15;
let dogYears = 15;
// Add years for year 2
if(humanYears > 1) {
catYears += 9
dogYears += 9
}
// Add years for years after 2
if(humanYears > 2) {
catYears += (humanYears - 2) * 4
dogYears += (humanYears - 2) * 5
}
return [humanYears,catYears,dogYears];
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment