Jstam.com Home Page

Size
10,558 Kb
Views
60,720

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 Previews

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;
}
Jstam.com Home Page - Script Codes
Jstam.com Home Page - Script Codes
Home Page Home
Developer John Stammerman
Username jstam
Uploaded July 23, 2022
Rating 3
Size 10,558 Kb
Views 60,720
Do you need developer help for Jstam.com Home Page?

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!

John Stammerman (jstam) Script Codes
Create amazing sales emails with AI!

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!