arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Move the footer to a footer div, and add a twitter feed

Browse Source
This commit is contained in:
Arona Jones
2014-10-21 19:13:26 +01:00
parent 35383fd18a
commit b76d7189e3
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/custom.css
View File

@@ -14,4 +14,6 @@
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
}
#leftcolumn { width: 50%; float: left}
#rightcolumn { width: 50%; height: 100%; float: right}

23
index.html
View File

@@ -44,9 +44,9 @@
</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="/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>
@@ -63,13 +63,20 @@
<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="starter-template">
<div class="header starter-template">
<img src="/images/avatar.png" class="animated zoomInDown">
<div class="header">
<h1 style="color:#6d9bc5" class="animated lightSpeedIn">Arona Jones <br><small><em>warlordjones</em></small></h1>
</div>
<p class="jumbotron">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 class="panel panel-primary">
<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">
@@ -89,8 +96,6 @@
</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>