mirror of
https://github.com/arsenetar/arsenetar.github.io.git
synced 2026-01-29 01:21:37 +00:00
Update Site Style
Update the site style and layout, to a more optimized and simple setup. This new layout uses less css and js and should provide a better UX. Still need to clean up a few things but ready for release.
This commit is contained in:
@@ -1,21 +0,0 @@
|
||||
<script type="text/javascript">
|
||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||||
var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function () {
|
||||
var s = document.createElement('script'); s.async = true;
|
||||
s.type = 'text/javascript';
|
||||
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||
}());
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
|
||||
@@ -1,23 +1,8 @@
|
||||
<div id="footer" class="row">
|
||||
<div class="small-12 columns text-right">
|
||||
<p>© {{ site.owner.name }} 2013 - {{ site.time | date: '%Y'}} Powered by <a href="http://jekyllrb.com">Jekyll</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ site.url }}/assets/js/app-concat.js"></script>
|
||||
{% if site.ga %}
|
||||
<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', '{{ site.ga.code }}', '{{ site.ga.domain }}');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
{% endif %}
|
||||
{% if page.comments %}
|
||||
{% include disqus.html %}
|
||||
{% endif %}
|
||||
</body>
|
||||
<footer id="mainFooter">
|
||||
<p>© {{ site.owner.name }} 2013 - {{ site.time | date: '%Y'}} Powered by <a href="http://jekyllrb.com">Jekyll</a></p>
|
||||
</footer>
|
||||
</section>
|
||||
</div>
|
||||
<script src="{{ site.url }}/assets/dist/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="en" >
|
||||
<head>
|
||||
<html lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% if page.title != nil %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
||||
@@ -12,33 +12,30 @@
|
||||
{% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
|
||||
|
||||
<!-- Style Sheets -->
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/app.css">
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/dist/app.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css' >
|
||||
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico" >
|
||||
|
||||
<!-- Modernizr -->
|
||||
<script src="{{ site.url }}/assets/js/modernizr.js"></script>
|
||||
|
||||
</head>
|
||||
<body itemscope itemtype="http://schema.org/WebPage">
|
||||
<div class="contain-to-grid">
|
||||
<nav class="top-bar" data-topbar>
|
||||
<ul class="title-area">
|
||||
<li class="name">
|
||||
<h1><a href="{{ site.url }}/">{{ site.title | uppercase }}</a></h1>
|
||||
</li>
|
||||
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
|
||||
</ul>
|
||||
</head>
|
||||
<body>
|
||||
<div id="layout">
|
||||
<!-- Menu toggle -->
|
||||
<a href="#menu" id="menuLink" class="menu-link">
|
||||
<!-- Hamburger icon -->
|
||||
<span></span>
|
||||
</a>
|
||||
|
||||
<section class="top-bar-section">
|
||||
<!-- Left Nav Section -->
|
||||
<ul class="left">
|
||||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<div class="pure-menu">
|
||||
<a class="pure-menu-heading" href="{{ site.url }}/">{{ site.title | uppercase }}</a>
|
||||
<ul class="pure-menu-list">
|
||||
{% for item in site.data.menu %}
|
||||
<li><a href="
|
||||
<li class="pure-menu-item"><a class="pure-menu-link" href="
|
||||
{% if item.link contains 'http' %}
|
||||
{{ item.link }}
|
||||
{% else %}
|
||||
@@ -46,20 +43,21 @@
|
||||
{% endif %}
|
||||
">{{ item.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<!-- Right Nav Section -->
|
||||
<ul class="right">
|
||||
{% for social in site.data.social %}
|
||||
<li class="social">
|
||||
<a href="{{ social.link }}">
|
||||
<i class="large icon-{{ social.name }}"></i>
|
||||
<span>{{ social.name | capitalize}}</span>
|
||||
</a>
|
||||
{% for item in site.data.social %}
|
||||
<li class="pure-menu-item {% if forloop.first %}menu-item-divided{% endif %}">
|
||||
<a class="pure-menu-link" href="{{ item.link }}">{{ item.name | capitalize }}</a>
|
||||
</li>
|
||||
{% else %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- main area closed in footer -->
|
||||
<section id="main">
|
||||
<header id="mainHeader">
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.subtitle %}
|
||||
<h2>{{ page.subtitle }}</h2>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
Reference in New Issue
Block a user