Better social bar, and use grid system for columning
This commit is contained in:
Arona Jones
@@ -1,25 +1,21 @@
|
||||
.media {
|
||||
width: 60px;
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
right: 0px;
|
||||
background-color: lightblue;
|
||||
border: 5px;
|
||||
border-color: white;
|
||||
border-style: groove;
|
||||
}
|
||||
.media img {
|
||||
.icon {
|
||||
width: 40px;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
#columnwrapper {
|
||||
display: flex;
|
||||
}
|
||||
#leftcolumn {
|
||||
flex: 1;
|
||||
width: 50%;
|
||||
float: left
|
||||
}
|
||||
#rightcolumn {
|
||||
flex: 1;
|
||||
height: auto;
|
||||
width: 50%;
|
||||
float: right
|
||||
}
|
||||
@@ -50,4 +46,12 @@
|
||||
.photothumb {
|
||||
width: 180px;
|
||||
height: 140px;
|
||||
}
|
||||
.col-centered {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
/* reset the text-align */
|
||||
text-align: left;
|
||||
/* inline-block space fix */
|
||||
margin-right: -4px;
|
||||
}
|
||||
@@ -91,6 +91,7 @@
|
||||
<li>Want to access another mod's items? Use GameRegistry.findItem(<unlocalizedName>);</li>
|
||||
<li>List of canned effects available for use with worldObj.playAuxSFX <a href="http://wiki.vg/Protocol#Effects">Link</a>
|
||||
</li>
|
||||
<li>Block Side Reference: 0=Bottom, 1=Top, 2=North, 3=South, 4=West, 5=East.</li>
|
||||
<li>Inventory Slot Numbers Reference <a href="http://wiki.vg/images/thumb/1/13/Inventory-slots.png/180px-Inventory-slots.png">Link</a>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
167
index.html
167
index.html
@@ -85,52 +85,19 @@
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</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>
|
||||
<a href="https://player.me/warlordjones">
|
||||
<img src="https://camo.githubusercontent.com/e401006a8755a5cc84b813dc9bf49f90cbb2bbf9/68747470733a2f2f706c617965722e6d652f6c6f676f2d3235302e706e67">
|
||||
</a>
|
||||
<a href="https://plus.google.com/108369795393135583813" rel="publisher">
|
||||
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPLqbvh5nsk4JrpzpdmMuPD98BQt56NJcKGbMTUIZbIrUooTTi8BKx1g">
|
||||
</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">
|
||||
<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 row">
|
||||
<div class="col-md-6">
|
||||
<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 male 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">
|
||||
<div class="col-md-6">
|
||||
<a class="twitter-timeline" href="https://twitter.com/Jacknife98" data-widget-id="336900625101103105">Tweets by @Jacknife98</a>
|
||||
<script>
|
||||
! function (d, s, id) {
|
||||
@@ -146,42 +113,90 @@
|
||||
</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 class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="https://github.com/JoshuaPage/-Api-JS">api.js</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
|
||||
</button>
|
||||
</div>
|
||||
<br>
|
||||
<div class="footer" style="margin-left: 50px; margin-right: 50px">
|
||||
<div class="row animated fadeInRightBig" style="float: none;
|
||||
margin: 0 auto; margin-left: 200px;">
|
||||
<div class="col-md-1">
|
||||
<a href="http://twitter.com/jacknife98">
|
||||
<img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="https://plus.google.com/108369795393135583813" rel="publisher">
|
||||
<img src="https://ssl.gstatic.com/images/icons/gplus-64.png" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="https://www.youtube.com/user/warlordjones">
|
||||
<img src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/256/YouTube-icon.png" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<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" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary">
|
||||
<img src="http://brassgoggles.org/forum/Themes/Steampunk/images/on.gif" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<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" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="mailto://warlordjones@gmail.com">
|
||||
<img src="http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Communication-gmail-icon.png" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="404.html">
|
||||
<img src="http://vignette3.wikia.nocookie.net/warhammer40k/images/2/29/Orks_Icon.png/revision/20140712035902" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<a href="https://player.me/warlordjones">
|
||||
<img src="https://camo.githubusercontent.com/e401006a8755a5cc84b813dc9bf49f90cbb2bbf9/68747470733a2f2f706c617965722e6d652f6c6f676f2d3235302e706e67" class="icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<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 class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="http://lokeshdhakar.com/projects/lightbox2/">lightbox</a>
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default"><a href="https://github.com/IanLunn/Hover">hover.css</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user