Created
September 11, 2013 04:27
-
-
Save byronwade/6519345 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!--/*****************************************************************************/ | |
/*** Blog 1.0 by Byron Wade */ | |
/*** www.thorbis.com | bcw1995@gmail.com */ | |
/*** Follow Me On Twitter At @Thorbis */ | |
/*** NO modifications of this script can be done without consulting me first! */ | |
/*******************************************************************************--> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title id="top">Blog | Thorbis Inc.</title> | |
<meta content="text/html; charset=utf-8" http-equiv="content-type"> | |
<meta content="We Create Everything From Websites To Logo Design" name="description"> | |
<link href="http://www.thorbis.com/favicon.ico" rel="icon" type="image/x-icon"> | |
<meta content="Thorbis Inc. | Blog" name="keywords"> | |
<link href="css/thorbis_fonts.css" rel="stylesheet" type="text/css"> | |
<link href="css/animation.css" rel="stylesheet" type="text/css"> | |
<link href="css/lightbox.css" rel="stylesheet" /> | |
<link href='http://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'> | |
<link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'> | |
<link href='http://fonts.googleapis.com/css?family=Gilda+Display' rel='stylesheet' type='text/css'> | |
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> | |
<script src="js/jquery.mixitup.min.js"></script> | |
<script src="js/lightbox-2.6.min.js"></script> | |
<script src="js/jquery-scroll.js"></script> | |
<script type="text/javascript" src="js/parsley.js"></script> | |
<script src="js/skel.min.js"> | |
{ | |
prefix: 'css/thorbis', | |
preloadStyleSheets: true, | |
resetCSS: true, | |
boxModel: 'border', | |
grid: { gutters: 30 }, | |
breakpoints: { | |
wide: { range: '1200-', containers: 1140, grid: { gutters: 50 } }, | |
narrow: { range: '451-1199', containers: 960 }, | |
narrower: { range: '451-960', containers: 'fluid' }, | |
mobile: { range: '-450', containers: 'fluid', lockViewport: true, grid: { collapse: true } } | |
} | |
} | |
</script> | |
</head> | |
<body> | |
<nav> | |
<div class="background background-style3"> | |
<div class="row"> | |
<form data-validate="parsley" action='subscribe.php' id='contact-form' method='post' name="contact-form"> | |
<div class="4u"><p style="line-height:200%;">Thorbis's Blog</p><p id="subscribe">Subscribe To Thorbis's Blog!</p></div> | |
<div class="6u"> | |
<input class="subscribe" name="email" placeholder="Email" type="email" data-trigger="change" data-required="true" data-type="email"> | |
</div> | |
<div class="2u"> | |
<button name="submit" type="submit" value="send">Send</button> | |
</div> | |
</form> | |
<p style="display:inline"> | |
<button class="btn sort" data-sort="data-title" data-order="asc" id="asc_btn">Sort Ascending by title</button> | |
<button class="btn sort" data-sort="data-title" data-order="desc" id="desc_btn">Sort Descending by title</button> | |
<button class="btn sort" data-sort="data-description" data-order="asc" id="asc_btn_desc">Sort Ascending by description</button> | |
<button class="btn sort" data-sort="data-description" data-order="desc" id="desc_btn_desc">Sort Descending by description</button> | |
</p> | |
</div> | |
</div> | |
</nav> | |
<div class="spacer2"></div> | |
<div class="background background-style3"> | |
<div class="row"> | |
<form class="thinner"> | |
<div class="12u"> | |
<input class="" type="text" value="Search" id="search"> | |
</div> | |
</form> | |
</div> | |
</div> | |
<img class="image" src="img/thorbis.png"></img> | |
<ul> | |
<?php | |
$con=mysqli_connect("#########","thorbis","#############","thorbis"); | |
// Check connection | |
if (mysqli_connect_errno()) | |
{ | |
echo "Failed to connect to MySQL: " . mysqli_connect_error(); | |
} | |
date_default_timezone_set('America/New_York'); | |
?> | |
<?php | |
if ($Res = mysqli_query($con,'SELECT * FROM `Blog` ORDER BY `Date` DESC')) { | |
while($Row = $Res->fetch_object()) { | |
echo <<<END | |
<li class="mix" data-date="$Row->Date" data-description="$Row->Description" data-title="$Row->Title"> | |
<div class="spacer1"></div> | |
<div class="blogbackground background-style3"> | |
<div class="row"> | |
<article class="thinner"> | |
<section> | |
<div class="demo-divs" class="12u"> | |
<a data-lightbox="image-1" href="$Row->upload_location"><img class="floatright blogimage" src="$Row->upload_location"></img></a> | |
<h1 class="blogh1">$Row->BlogTopic</h1> | |
<i id="$Row->Date" class="blogdate">$Row->Date</i> | |
<p class="blogp">$Row->BlogP</p> | |
</div> | |
</section> | |
</article> | |
</div> | |
</div> | |
</li> | |
END; | |
} | |
} | |
mysqli_close($con); | |
?> | |
</ul> | |
<div class="spacer"></div> | |
<div class="background7 background-style3"> | |
<p id="footer">© 2013 Thorbis Inc. | Design: <a class="color" href="http://www.thorbis.com">Byron Wade</a><br><a class="color" href="http://www.thorbis.com">Thorbis Inc.</a></p> | |
</div> | |
<!-- Piwik --> | |
<script type="text/javascript"> | |
var _paq = _paq || []; | |
_paq.push(['trackPageView']); | |
_paq.push(['enableLinkTracking']); | |
(function() { | |
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.thorbis.com/piwik//"; | |
_paq.push(['setTrackerUrl', u+'piwik.php']); | |
_paq.push(['setSiteId', 1]); | |
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; | |
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); | |
})(); | |
</script> | |
<noscript><p><img src="http://www.thorbis.com/piwik/piwik.php?idsite=1" style="border:0" alt="" /></p></noscript> | |
<!-- End Piwik Code --> | |
<script> | |
$(function(){ | |
$('ul').mixitup({ | |
layoutMode: 'list', | |
transitionSpeed: 1, | |
effects: ['fade'], | |
easing: 'windback' | |
}); | |
}); | |
</script> | |
<script type="text/javascript" src="js/jquery.quicksearch.js"></script> | |
<script type="text/javascript"> | |
$('input#search').quicksearch('ul li'); | |
</script> | |
<script> | |
(function() { | |
$("#search").autocomplete({}); | |
// Overrides the default autocomplete filter function to search only from the beginning of the string | |
$.ui.autocomplete.filter = function (array, term) { | |
var matcher = new RegExp("\\b" + $.ui.autocomplete.escapeRegex(term), "i"); | |
return $.grep(array, function (value) { | |
return matcher.test(value.label || value.value || value); | |
}); | |
}; | |
})(); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment