Jstam.com Home Page
How do I make an jstam.com home page?
J5T4M's website home page.. What is a jstam.com home page? How do you make a jstam.com home page? This script and codes were developed by John Stammerman on 23 July 2022, Saturday.
Jstam.com Home Page - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>jstam.com Home Page</title> <script> (function(d) { var config = { kitId: 'dlg3oty', scriptTimeout: 3000 }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document);
</script> <link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='css/hkcby.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="background"></div>
<div class="container-fluid"> <div class="row"> <div class="col-sm-12"> <h1 class="title"> <a href="#">J5T4M</a></h1> </div> </div> <div class="row"> <div class="col-sm-6"> <h2>Hello</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla commodi at maiores consectetur recusandae laborum minus pariatur provident totam excepturi eius distinctio dolorum similique sed mollitia. Doloremque praesentium architecto commodi?</p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi maiores quod minima eum asperiores nihil accusantium natus, perspiciatis, harum officiis maxime voluptas debitis ipsa aliquid, sit temporibus dolorum doloremque quae? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla commodi at maiores consectetur recusandae laborum minus pariatur provident totam excepturi eius distinctio dolorum similique sed mollitia. Doloremque praesentium architecto commodi?</p> <h3>Hello Again</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla commodi at maiores consectetur recusandae laborum minus pariatur provident totam excepturi eius distinctio dolorum similique sed mollitia. Doloremque praesentium architecto commodi? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla commodi at maiores consectetur recusandae laborum minus pariatur provident totam excepturi eius distinctio dolorum similique sed mollitia. Doloremque praesentium architecto commodi?</p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi maiores quod minima eum asperiores nihil accusantium natus, perspiciatis, harum officiis maxime voluptas debitis ipsa aliquid, sit temporibus dolorum doloremque quae?</p> </div> <div class="col-sm-6"> <h3>Louisville Related <small><a href="https://twitter.com/jstam/lists/louisville-sports">(more)</a></small></h3> <div class="twitter" id="louisville-list"></div> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js'></script>
<script src='js/hkcby.js'></script> <script src="js/index.js"></script>
</body>
</html>
Jstam.com Home Page - Script Codes CSS Codes
@import "compass/css3";
@import "compass/utilities/general/clearfix";
.container { margin: 0 3em; padding-bottom: 1.5em;
}
.title { @include j5t4m-logo;
}
.background { bottom: 0; font-size: 1.52em; left: 0; position: fixed; text-align: justify; top: 0; right: 0; z-index: -1; &:before { @include background( linear-gradient(top, darken($clr-background, 7), fade-out($clr-background, 1))); content: ''; display: block; height: 2em; left: 0; position: fixed; right: 0; top: 0; } .title { color: darken($clr-background, 0.5); float: left; margin: 0.2em 0.4em; text-shadow: none; }
}
.twitter { li { @include clearfix; @include j5t4m-box-shadow; list-style: none; margin: 0; padding: 0.5em 1em; } .user { float: right; font-size: 0.8em; width: 19%; [data-scribe="element:avatar"] { border: solid 2px darken($clr-background, 15); float: left; max-height: 32px; } [data-scribe="element:name"] { display: none; } [data-scribe="element:screen_name"] { clear: left; float: left; text-decoration: none; } } .tweet { float: left; width: 80%; } .timePosted { clear: both; color: darken($clr-text, 34); float: left; font-size: 0.8em; }
}
Jstam.com Home Page - Script Codes JS Codes
//var backgroundText = '';
//for(var i=0; i<52; i++) {
// $(".background").append("<div class='title'>J5T4M</div>");
//}
$('.title a').lettering();
// 329229914928713730
twitterFetcher.fetch('430448711563350016', 'louisville-list', 10, true, true, true, '', true, handleTweets, false);
function handleTweets(tweets){ var x = tweets.length; var n = 0; var element = document.getElementById('louisville-list'); var html = '<ul>'; while(n < x) { html += '<li>' + tweets[n] + '</li>'; n++; } html += '</ul>'; element.innerHTML = html;
}
Developer | John Stammerman |
Username | jstam |
Uploaded | July 23, 2022 |
Rating | 3 |
Size | 10,558 Kb |
Views | 60,720 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
JSTAM svg logo test | 9,263 Kb |
Hidden Sidebar Menu | 4,216 Kb |
Checkbox select all example | 2,403 Kb |
Burpee Equivalent Calculator | 7,286 Kb |
Vertical Rhythm Typography example | 3,837 Kb |
Foundation 6 example marku | 5,625 Kb |
Select field variations across browsers | 2,388 Kb |
Fun with SVG Text Fills | 2,805 Kb |
UI Pattern Library | 8,310 Kb |
Hard Work Progress Chart | 8,791 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
SVG Icons Template | Legofsalmon | 2,618 Kb |
Simple CSS loader. | Cabrera | 2,574 Kb |
Whyutils | LeYvan | 3,752 Kb |
Halo 5 REQ Guide Bookmarklet | Cwacht | 3,993 Kb |
Review test | Otro_user_gil | 4,054 Kb |
Filter inputs | Rowinf | 1,721 Kb |
Random Gradients - JS | Aldlevine | 2,026 Kb |
A Pen by Bryan | Brydave | 2,286 Kb |
Count checked checkboxes with jQuery | Mestika | 2,343 Kb |
Vue.js Starter | Andymerskin | 1,268 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!