Google Analytics
This commit is contained in:
Arona Jones
106
dashboard.html
Normal file
106
dashboard.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<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>
|
||||
|
||||
<script src="/javascripts/api.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html">Art</a>
|
||||
</li>
|
||||
<li><a href="forge.html">Forge Modding</a>
|
||||
</li>
|
||||
<li><a href="webdesign.html">Website Design</a>
|
||||
</li>
|
||||
<li><a href="dashboard.html">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<script>
|
||||
getJSON('https://api.github.com/users/warlordjones', write)
|
||||
|
||||
function write(data) {
|
||||
document.getElementById("repos").innerHTML += "<p>" + data.public_repos + "</p>"
|
||||
};
|
||||
</script>
|
||||
<div class="jumbotron" id="repos">
|
||||
<p>Public Repositories:</p>
|
||||
<span id="repos"></span>
|
||||
</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>
|
||||
|
||||
</body>
|
||||
249
forge.html
249
forge.html
@@ -1,122 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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">
|
||||
<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');
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
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>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html">Art</a></li>
|
||||
<li><a href="forge.html">Forge Modding</a></li>
|
||||
<li><a href="webdesign.html">Website Design</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<div class="starter-template">
|
||||
<h3 align="left">List of useful Code Snippets for Forge Modding:</h3>
|
||||
<ol align="left">
|
||||
<li>Get a (server!) World Obj from the dimension id: World world = DimensionManager.getWorld(worldId);</li>
|
||||
<li>More to come soon!</li>
|
||||
</ol>
|
||||
<h3>My Minecraft Mods:</h3>
|
||||
<p>I'm part of, and informally the leader of, a international (I'm not joking, no two members live in the same time zone, let alone the same country!) coding team called the BrassGoggledCoders, who make minecraft mods.</p>
|
||||
<h4 align="left">The Team:</h4>
|
||||
<div class="list-group">
|
||||
<h5 class="list-group-item active">Coders:</h5>
|
||||
<h5 class="list-group-item">warlordjones (Me!)<span class="label label-default"><img src="/images/flag_england.png"></span></h5>
|
||||
<h5 class="list-group-item">decabaldecebal <span class="label label-default"><img src="/images/flag_romania.png"></span></h5>
|
||||
<h5 class="list-group-item">domi1819 <span class="label label-default"><img src="/images/flag_germany.png"></span></h5>
|
||||
<h5 class="list-group-item active">Texturers:</h5>
|
||||
<h5 class="list-group-item">Snurly <span class="label label-default"><img src="/images/flag_hong_kong.png"></span></h5>
|
||||
<h5 class="list-group-item">frothiny <span class="label label-default"><img src="/images/flag_sweden.png"></span></h5>
|
||||
<h5 class="list-group-item active">Others:</h5>
|
||||
<h5 class="list-group-item">MechWarrior99 <span class="label label-default"><img src="/images/flag_usa.png"></span></h5>
|
||||
</div>
|
||||
<h6><small>Screw you Farage</small></h6>
|
||||
<div class="panel-group">
|
||||
<h4 class="panel-title">
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html">Art</a>
|
||||
</li>
|
||||
<li><a href="forge.html">Forge Modding</a>
|
||||
</li>
|
||||
<li><a href="webdesign.html">Website Design</a>
|
||||
</li>
|
||||
<li><a href="dashboard.html">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div class="starter-template">
|
||||
<h3 align="left">List of useful Code Snippets for Forge Modding:</h3>
|
||||
<ol align="left">
|
||||
<li>Get a (server!) World Obj from the dimension id: World world = DimensionManager.getWorld(worldId);</li>
|
||||
<li>More to come soon!</li>
|
||||
</ol>
|
||||
<h3>My Minecraft Mods:</h3>
|
||||
<p>I'm part of, and informally the leader of, a international (I'm not joking, no two members live in the same time zone, let alone the same country!) coding team called the BrassGoggledCoders, who make minecraft mods.</p>
|
||||
<h4 align="left">The Team:</h4>
|
||||
<div class="list-group">
|
||||
<h5 class="list-group-item active">Coders:</h5>
|
||||
<h5 class="list-group-item">warlordjones (Me!)<span class="label label-default"><img src="/images/flag_england.png"></span></h5>
|
||||
<h5 class="list-group-item">decabaldecebal <span class="label label-default"><img src="/images/flag_romania.png"></span></h5>
|
||||
<h5 class="list-group-item">domi1819 <span class="label label-default"><img src="/images/flag_germany.png"></span></h5>
|
||||
<h5 class="list-group-item active">Texturers:</h5>
|
||||
<h5 class="list-group-item">Snurly <span class="label label-default"><img src="/images/flag_hong_kong.png"></span></h5>
|
||||
<h5 class="list-group-item">frothiny <span class="label label-default"><img src="/images/flag_sweden.png"></span></h5>
|
||||
<h5 class="list-group-item active">Others:</h5>
|
||||
<h5 class="list-group-item">MechWarrior99 <span class="label label-default"><img src="/images/flag_usa.png"></span></h5>
|
||||
</div>
|
||||
<h6><small>Screw you Farage</small></h6>
|
||||
<div class="panel-group">
|
||||
<h4 class="panel-title">
|
||||
SteamCraft2
|
||||
</h4>
|
||||
</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://github.com/BrassGoggledCoders/SteamCraft2" style="color:white">Source Code</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-group">
|
||||
<h4 class="panel-title">
|
||||
</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://github.com/BrassGoggledCoders/SteamCraft2" style="color:white">Source Code</a>
|
||||
</label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
|
||||
20%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-group">
|
||||
<h4 class="panel-title">
|
||||
Ender Gloves
|
||||
</h4>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="panel-body">
|
||||
----
|
||||
<br>
|
||||
<div class="btn-group" data-toggle="buttons">
|
||||
<label class="btn btn-primary">
|
||||
<a href="http://www.planetminecraft.com/mod/172-enderglove---the-power-of-the-end-in-your-fist/" style="color:white">Planet Minecraft</a>
|
||||
</label>
|
||||
<label class="btn btn-primary">
|
||||
<a href="http://github.com/BrassGoggledCoders/EnderGloves" style="color:white">Source Code</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="panel-body">
|
||||
----
|
||||
<br>
|
||||
<div class="btn-group" data-toggle="buttons">
|
||||
<label class="btn btn-primary">
|
||||
<a href="http://www.planetminecraft.com/mod/172-enderglove---the-power-of-the-end-in-your-fist/" style="color:white">Planet Minecraft</a>
|
||||
</label>
|
||||
<label class="btn btn-primary">
|
||||
<a href="http://github.com/BrassGoggledCoders/EnderGloves" style="color:white">Source Code</a>
|
||||
</label>
|
||||
</div>
|
||||
<br>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
|
||||
90%
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</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="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/transition.js"></script>
|
||||
|
||||
|
||||
<script src="/javascripts/api.js"></script>
|
||||
|
||||
</body>
|
||||
255
index.html
255
index.html
@@ -1,106 +1,181 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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">
|
||||
<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');
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
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>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html">Art</a></li>
|
||||
<li><a href="forge.html">Forge Modding</a></li>
|
||||
<li><a href="webdesign.html">Website Design</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
|
||||
<div class="media animated fadeInRightBig">
|
||||
<a href="http://twitter.com/jacknife98"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png"></a>
|
||||
<a href="https://plus.google.com/u/0/100791479736569815145"><img src="http://kollaj.typepad.com/googleplusicon.png"> </a>
|
||||
<a href="https://www.youtube.com/user/warlordjones"><img src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/256/YouTube-icon.png"></a>
|
||||
<a href="https://github.com/warlordjones"><img src="http://fc05.deviantart.net/fs71/i/2012/223/4/3/github_flurry_ios_style_icon_by_flakshack-d5ariic.png"></a>
|
||||
<a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary"><img src="https://brassgoggles.co.uk/forum/Themes/Steampunk/images/on.gif"></a>
|
||||
<a href="http://www.minecraftforum.net/members/warlordjones"> <img src="http://fc07.deviantart.net/fs71/f/2013/034/e/2/minecraft_icon_for_faenza_theme_by_raymih-d5trt0s.png"></a>
|
||||
<a href="mailto://warlordjones@gmail.com"><img src="http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Communication-gmail-icon.png"> </a>
|
||||
<a href="404.html"><img src="http://images3.wikia.nocookie.net/__cb20110728041007/warhammer40k/images/thumb/4/40/Bad_Moons_Icon.jpg/200px-Bad_Moons_Icon.jpg"> </a>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="header starter-template">
|
||||
<img src="/images/avatar.png" class="animated zoomInDown">
|
||||
<h1 style="color:#6d9bc5" class="animated lightSpeedIn">Arona Jones <br><small><em>warlordjones</em></small></h1>
|
||||
</div>
|
||||
<div class="jumbotron" id="leftcolumn">
|
||||
<p>Welcome to the website of Arona Jones, usually known as warlordjones on the Internet, although my alternative pseudonames include Jacknif98, Big Mek Gobsmasha and Major Vincent Smith. I'm a regular 16 year old internet nerd (yes, I do wear glasses), hand-coding a website, learning by doing. I'v a passion for physics and computing, although I also enjoy History, Philosophy/RS and Art.<br><br>I taught myself to code in HTML/CSS (still working on it - can you tell?) and Java. My advice? Learn the basics of code first, rather than trying to learn by doing. It helps to give you coding independence, and not always rely on tutorials. Trust me, I did it the wrong way around.<br><br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
|
||||
</div>
|
||||
<div class="embed-responsive embed-responsive-16by9" id="rightcolumn">
|
||||
<a class="twitter-timeline" href="https://twitter.com/Jacknife98" data-widget-id="336900625101103105">Tweets by @Jacknife98</a>
|
||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html">Art</a>
|
||||
</li>
|
||||
<li><a href="forge.html">Forge Modding</a>
|
||||
</li>
|
||||
<li><a href="webdesign.html">Website Design</a>
|
||||
</li>
|
||||
<li><a href="dashboard.html">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
<div class="footer">
|
||||
</nav>
|
||||
<div class="container">
|
||||
|
||||
<div class="media animated fadeInRightBig">
|
||||
<a href="http://twitter.com/jacknife98">
|
||||
<img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png">
|
||||
</a>
|
||||
<a href="https://plus.google.com/u/0/100791479736569815145">
|
||||
<img src="http://kollaj.typepad.com/googleplusicon.png">
|
||||
</a>
|
||||
<a href="https://www.youtube.com/user/warlordjones">
|
||||
<img src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/256/YouTube-icon.png">
|
||||
</a>
|
||||
<a href="https://github.com/warlordjones">
|
||||
<img src="http://fc05.deviantart.net/fs71/i/2012/223/4/3/github_flurry_ios_style_icon_by_flakshack-d5ariic.png">
|
||||
</a>
|
||||
<a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary">
|
||||
<img src="https://brassgoggles.co.uk/forum/Themes/Steampunk/images/on.gif">
|
||||
</a>
|
||||
<a href="http://www.minecraftforum.net/members/warlordjones">
|
||||
<img src="http://fc07.deviantart.net/fs71/f/2013/034/e/2/minecraft_icon_for_faenza_theme_by_raymih-d5trt0s.png">
|
||||
</a>
|
||||
<a href="mailto://warlordjones@gmail.com">
|
||||
<img src="http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Communication-gmail-icon.png">
|
||||
</a>
|
||||
<a href="404.html">
|
||||
<img src="http://images3.wikia.nocookie.net/__cb20110728041007/warhammer40k/images/thumb/4/40/Bad_Moons_Icon.jpg/200px-Bad_Moons_Icon.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="header starter-template">
|
||||
<img src="/images/avatar.png" class="animated zoomInDown">
|
||||
<h1 style="color:#6d9bc5" class="animated lightSpeedIn">Arona Jones <br><small><em>warlordjones</em></small></h1>
|
||||
</div>
|
||||
<div class="jumbotron" id="leftcolumn">
|
||||
<p>Welcome to the website of Arona Jones, usually known as warlordjones on the Internet, although my alternative pseudonames include Jacknif98, Big Mek Gobsmasha and Major Vincent Smith. I'm a regular 16 year old internet nerd (yes, I do wear glasses), hand-coding a website, learning by doing. I'v a passion for physics and computing, although I also enjoy History, Philosophy/RS and Art.
|
||||
<br>
|
||||
<br>I taught myself to code in HTML/CSS (still working on it - can you tell?) and Java. My advice? Learn the basics of code first, rather than trying to learn by doing. It helps to give you coding independence, and not always rely on tutorials. Trust me, I did it the wrong way around.
|
||||
<br>
|
||||
<br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
|
||||
</div>
|
||||
<div class="embed-responsive embed-responsive-16by9" id="rightcolumn">
|
||||
<a class="twitter-timeline" href="https://twitter.com/Jacknife98" data-widget-id="336900625101103105">Tweets by @Jacknife98</a>
|
||||
<script>
|
||||
! function (d, s, id) {
|
||||
var js, fjs = d.getElementsByTagName(s)[0],
|
||||
p = /^http:/.test(d.location) ? 'http' : 'https';
|
||||
if (!d.getElementById(id)) {
|
||||
js = d.createElement(s);
|
||||
js.id = id;
|
||||
js.src = p + "://platform.twitter.com/widgets.js";
|
||||
fjs.parentNode.insertBefore(js, fjs);
|
||||
}
|
||||
}(document, "script", "twitter-wjs");
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="panel panel-primary">
|
||||
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
|
||||
<div class="btn-group btn-group-justified">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a></button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a></button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">The Cyborg Theme</a></button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a></button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a></button>
|
||||
</div>
|
||||
</div>
|
||||
<h6>Web development by Arona Jones, with some help from Josh Page. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly.</h6>
|
||||
<div class="btn-group btn-group-justified">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://getbootstrap.com">Bootstrap</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://semantic-ui.com">Semantic</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://bootswatch.com/">The Cyborg Theme</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://game-icons.net">GameIcons.net</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://daneden.github.io/animate.css/">animate.css</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
|
||||
</button>
|
||||
</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>
|
||||
</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>
|
||||
|
||||
20
javascripts/api.js
Executable file
20
javascripts/api.js
Executable file
@@ -0,0 +1,20 @@
|
||||
var getJSON = function (url, successHandler, errorHandler) {
|
||||
var xhr = typeof XMLHttpRequest != 'undefined' ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
|
||||
xhr.open('get', url, true);
|
||||
|
||||
xhr.onreadystatechange = function () {
|
||||
var status;
|
||||
var data;
|
||||
|
||||
if (xhr.readyState == 4) { // `DONE`
|
||||
status = xhr.status;
|
||||
if (status == 200) {
|
||||
data = JSON.parse(xhr.responseText);
|
||||
successHandler && successHandler(data);
|
||||
} else {
|
||||
errorHandler && errorHandler(status);
|
||||
}
|
||||
}
|
||||
};
|
||||
xhr.send();
|
||||
};
|
||||
142
webdesign.html
142
webdesign.html
@@ -1,65 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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">
|
||||
<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');
|
||||
|
||||
<!-- Custom styles for this template -->
|
||||
<style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
|
||||
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>
|
||||
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html"><span class="glyphicon glyphicon-tint"></span>Art</a></li>
|
||||
<li><a href="forge.html"><span class="glyphicon glyphicon-wrench"></span>Forge Modding</a></li>
|
||||
<li><a href="webdesign.html"><span class="glyphicon glyphicon-list-alt"></span>Website Design</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</nav>
|
||||
<body>
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container">
|
||||
<h4>Websites I've Created:</h4>
|
||||
<ul>
|
||||
<li><a href="brassblocks.com">BrassBlocks</a></li>
|
||||
</ul>
|
||||
<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="index.html">Home</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="/art/index.html"><span class="glyphicon glyphicon-tint"></span>Art</a>
|
||||
</li>
|
||||
<li><a href="forge.html"><span class="glyphicon glyphicon-wrench"></span>Forge Modding</a>
|
||||
</li>
|
||||
<li><a href="webdesign.html"><span class="glyphicon glyphicon-list-alt"></span>Website Design</a>
|
||||
</li>
|
||||
<li><a href="dashboard.html">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
</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>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<h4>Websites I've Created:</h4>
|
||||
<ul>
|
||||
<li><a href="brassblocks.com">BrassBlocks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user