The Great Cleanup Part 1

This commit is contained in:
warlordjones
2016-09-17 09:05:56 +01:00
parent b90ac2b75f
commit 4c3d97ed46
27 changed files with 56 additions and 13938 deletions

View File

@@ -2,115 +2,73 @@
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
<link href='css/main.css' rel='stylesheet'>
<link rel="stylesheet" href="css/animate.min.css">
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg);
background-attachment: fixed;
background-size: cover;
}
.starter-template {
padding: 40px 15px;
text-align: center;
div {
padding: inherit;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
<title>BrassGoggledCoders</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="header starter-template">
<h2>Information on the Team:</h2>
<p class="text-justify">The BrassGoggledCoders are an internation team of hobbyist coders working to create steampunk themed mods for Minecraft.</p>
<h2>Contact Us:</h2>
<ul class="text-left list-group">
<li class="list-group-item"><a href="mailto:brasscoders@gmail.com">Email</a>
</li>
<li class="list-group-item"><a href="https://twitter.com/brasscoders">Twitter</a>
</li>
<li class="list-group-item"><a href="https://github.com/BrassGoggledCoders">Github</a>
</li>
<li class="list-group-item"><a href="https://www.patreon.com/BrassGoggledCoders">Patreon</a>
</li>
</ul>
<div class="footer">
<div class="panel panel-primary">
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. See <a href="index.html">here</a> for other credits.</h6>
<main>
<div id="overlay">
<div class="center" style="width: 100%; text-align: center;">
<div class="center" style="height: 100%;
padding-top: 50px;
padding-bottom: 50px;">
<div class="container">
<div class="grey darken-3">
<!---<img src="images/.png" style="height: 150px;" class="animated fadeInDown">--->
<h1 style="margin-top: -5px;">The Brass Goggled Coders</h1>
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">International team of hobbyist developers</h3>
<br>
<div class="divider"></div>
</div>
<div class="grey darken-4">
</div>
<div class="grey darken-3">
</div>
<div class="grey darken-4">
<div class="center">
<a href="http://materializecss.com/">Materialize CSS by Google </a>|
<a href="https://daneden.github.io/animate.css/"> Animate.css </a>|
<a href="https://upload.wikimedia.org/wikipedia/commons/1/1a/Code.jpg"> Background Image</a>|
<a href="htt://game-icons.net"> Icons from Game-Icons.net</a>
</div>
Handcoded by Arona Jones. Kindly hosted by Github.
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</main>
</body>
</html>

View File

@@ -1,216 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones - Forge Modding</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<div class="page-header">
<img src="http://i.imgur.com/JUcaxoQ.png" style="display: block;
margin-left: auto;
margin-right: auto;">
</div>
<div class="panel">
<div class="panel-body">
Steamcraft 2 is the second iteration of Proloe's Steamcraft mod, which was discontinued back in Minecraft B1.8.1. Other than the name, and a few of the original Steamcraft features/ideas, the mod has an entirely new take on all things steampunk. Its aim is to extend Minecraft by adding post-apocalyptic, retro-futuristic blocks/items for your (and our) enjoyment.
<br>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<a href="http://www.minecraftforum.net/forums/mapping-and-modding/minecraft-mods/wip-mods/2120327-steamcraft2-3-9-14-beta2-fluxian-storm" style="color:white">Minecraft Forums</a>
</label>
<label class="btn btn-primary">
<a href="http://www.planetminecraft.com/mod/164forge-steamcraft-2---the-rebirth-in-progress-night-vision-googles-guns-drills-steam/" style="color:white">Planet Minecraft</a>
</label>
<label class="btn btn-primary">
<a href="minecraft.curseforge.com/mc-mods/224017-steamcraft-2-beta-2-fluxian-storm/" style="color:white">CurseForge</a>
</label>
<label class="btn btn-primary">
<a href="http://sc2.wikia.com" style="color:white">Wiki (WIP!)</a>
</label>
<label class="btn btn-primary">
<a href="http://github.com/BrassGoggledCoders/SteamCraft2" style="color:white">Source Code</a>
</label>
<label class="btn btn-primary">
<a href="https://github.com/BrassGoggledCoders/SteamCraft2/issues" style="color:white">Issue Tracker</a>
</label>
<label class="btn btn-primary">
<a href="/brassgoggled/todo.html" style="color:white">Todo List</a>
</label>
</div>
<br>
<br>
<h5>Progress:</h5>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
30%
</div>
</div>
<h5>Download:</h5>
<iframe src="http://widget.mcf.li/mc-mods/minecraft/224017-steamcraft-2-beta-2-fluxian-storm" style="border: none;" width="500px"></iframe>
<iframe src="http://widget.mcf.li/mc-mods/minecraft/224018-boilerplate" style="border: none;" width="500px"></iframe>
<h5>Screenshots:</h5>
<div id="carousel-screenshots" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-screenshots" data-slide-to="0" class="active"></li>
<li data-target="#carousel-screenshots" data-slide-to="1"></li>
<li data-target="#carousel-screenshots" data-slide-to="2"></li>
<li data-target="#carousel-screenshots" data-slide-to="3"></li>
<li data-target="#carousel-screenshots" data-slide-to="4"></li>
<li data-target="#carousel-screenshots" data-slide-to="5"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://i.imgur.com/7Wutn37.png" alt="...">
<div class="carousel-caption">
Steam-Powered Hoe. Cast-Iron Fences.
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/MLqJv45.png" alt="...">
<div class="carousel-caption">
Bloomery (for steel creation)
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/qIU6Dmg.png" alt="...">
<div class="carousel-caption">
New Ores
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/2ZVD8CB.png" alt="...">
<div class="carousel-caption">
Steam Boiler
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/xtXxUYx.png" alt="...">
<div class="carousel-caption">
New Decorative Blocks
</div>
</div>
<div class="item">
<img src="http://i.imgur.com/Ls4J8j1.png" alt="...">
<div class="carousel-caption">
Goggles!
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-screenshots" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-screenshots" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h5>Wallpapers:</h5>
<img src="https://copy.com/thumbs_public/ctgZmrrz1MSWtu0T/SteamCraft2_wallpaper_1.png?size=1024" width="50%" class="img-rounded">
<br>
<br>
<img src="https://copy.com/thumbs_public/Gs2ITfmxXWJ8OkV1/SteamCraft2_wallpaper_2.png?size=1024" width="50%" class="img-rounded">
<h5>Mod Compatibility:</h5>
<ul class="list-group">
<li class="list-group-item">Version Checker</li>
<li class="list-group-item">Tinker's Construct: Etherium is loaded as a tool material</li>
<li class="list-group-item">Botania: Shift-Right Clicking with the Lexica will take you to our wiki, instead of the FTB one</li>
<li class="list-group-item">Thaumcraft: Zinc and Tin are made compatible with the Cluster Ore System. Additionally a brass armor module that acts like Goggles of Revealing is also available</li>
</ul>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/api.js"></script>
</body>

View File

@@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<div class="page-header">
<h4 align="left">The Team:</h4>
</div>
<div class="list-group">
<h5 class="list-group-item active">Coders:</h5>
<h5 class="list-group-item"><img src="/images/flag_england.png">&nbsp;&nbsp;warlordjones&nbsp;&nbsp;<a href="https://twitter.com/Jacknife98" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item"><img src="/images/flag_romania.png">&nbsp;&nbsp;decabaldecebal&nbsp;&nbsp;<a href="https://twitter.com/RaresSerban" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item"><img src="/images/flag_germany.png">&nbsp;&nbsp;domi1819&nbsp;&nbsp;</h5>
<h5 class="list-group-item active">Texturers:</h5>
<h5 class="list-group-item"><img src="/images/flag_hong_kong.png">&nbsp;&nbsp;Snurly&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_sweden.png">&nbsp;&nbsp;frothiny&nbsp;&nbsp;<a href="https://twitter.com/GMPD_frothiny" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h5 class="list-group-item active">Others:</h5>
<h5 class="list-group-item"><img src="/images/flag_australia.png">&nbsp;&nbsp;MrIbby (Documentor and occasional coder)&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_usa.png">&nbsp;&nbsp;HCSarise (Documentor)&nbsp;&nbsp;</h5>
<h5 class="list-group-item"><img src="/images/flag_usa.png">&nbsp;&nbsp;ClockwerkKaiser (Chief Motivator and Tester :P)&nbsp;&nbsp;<a href="https://twitter.com/ClockwerkKaiser" class="btn btn-default"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" style="width:25px"></a></h5>
<h6><small>Note to self: These icons are from 'FatCow' I think</small></h6>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>

View File

@@ -1,115 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-40673160-2', 'auto');
ga('send', 'pageview');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="">
<title>Arona Jones</title>
<!-- Bootstrap core CSS -->
<link href="/css/main.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/animate.min.css">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var _bftn_options = {
animation: 'banner',
theme: 'dark'
}
</script>
<script src="//widget.battleforthenet.com/widget.min.js" async></script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/brassgoggled/index.html">Home</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/brassgoggled/team.html">The Team</a>
</li>
<li><a href="/brassgoggled/steamcraft.html">SteamCraft2</a>
</li>
<li><a href="/brassgoggled/endergloves.html">EnderGloves</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="header starter-template">
<h2>Todo List</h2>
<ul class="list-group">
<li class="list-group-item">
<button type="button" class="btn btn-info" onclick="document.getElementById('votes1').innerHTML++">Vote</button> Cras justo odio <span class="badge" id="votes1">0</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Dapibus ac facilisis in <span class="badge">14</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Morbi leo risus <span class="badge">14</span>
</li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Porta ac consectetur ac <span class="badge">14</span>li>
<li class="list-group-item">
<button type="button" class="btn btn-info">Vote</button> Vestibulum at eros <span class="badge">14</span>
</li>
</ul>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- compiled and minified Bootstrap JavaScript -->
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="/javascripts/semantic.min.js"></script>
</body>
</html>