View fontAwesomeSmiley.html
<i class="fa fa-smile-o"></i>
View echo.php
<!DOCTYPE html>
<html>
<head>
<!-- Include Bootstrap and jQuery -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
View fizzbuzz.js
for (number = 1; number <= 100; number++) {
if (number % 3 == 0 && number % 5 == 0) {
console.log ("FizzBuzz");
} else if (number % 3 == 0) {
console.log ("Fizz");
} else if (number % 5 == 0) {
console.log ("Buzz");
} else {
console.log(number);
}
View JSredirect.html
<script type="text/javascript">
// delay, in milliseconds
var delay = 6000;
var URL = "https://example.com";
document.write("<h1>This page has moved. You will be redirected in " + delay/1000 + " seconds. If you are not redirected, please <a href=" + URL + ">follow this link</a>.</h1>");
setTimeout(function(){ window.location = URL; }, delay);
</script>
View hideInlineBlogByline.css
<style type="text/css">
.ms-metadata.ms-textSmall span {
visibility: hidden;
}
</style>
View removeAllCapsTransform.css
<style type="text/css">
h1, h2, h3, h4, h5, h6 {
text-transform: none !important;
}
</style>
View maxWidthForResponsiveImages.css
<style type="text/css">
.img-responsive {
max-width: 800px;
};
</style>
View hideQuickLaunchBelow1024px.css
<style type="text/css">
@media screen and (max-width: 1024px){
#sideNavBox {
display: none;
}
#contentBox {
margin-left: 36px;
margin-right: 36px;
}
.ms-fullscreenmode #contentBox
View persistSharePointOverlayCalendarColor.css
<style type="text/css">
/* Persist the calendar item color for .ms-acal.color1 (dark teal) */
.ms-acal-item {
background-color: #00485B;
}
</style>
<style type="text/css">
/* Persist the calendar item color for .ms-acal.color2 (blue) */
.ms-acal-item {
View highlightImageOnHover.html
<!-- Wrap image in a div with class="brightness" -->
<div class="brightness">
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
</div>
<!-- Add CSS to create the opacity effect -->
<style type="text/css">
.brightness {
background-color: white;
display: inline-block;