mirror of
https://github.com/bspeice/speice.io
synced 2024-11-05 01:28:09 -05:00
Beautify html
This commit is contained in:
Mike JS. Choi
parent
f01b1877f2
commit
110985aa9a
@ -1,5 +1,4 @@
|
||||
{% if site.google_analytics_id %}
|
||||
|
||||
<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
|
||||
@ -9,5 +8,4 @@
|
||||
ga('create', '{{ site.google_analytics_id }}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
|
||||
{% endif %}
|
||||
|
||||
@ -1,18 +1,17 @@
|
||||
<script>
|
||||
/**
|
||||
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
||||
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */
|
||||
|
||||
/**
|
||||
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
|
||||
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */
|
||||
|
||||
var disqus_config = function () {
|
||||
this.page.url = {{ page.url }}; // Replace PAGE_URL with your page's canonical URL variable
|
||||
this.page.identifier = {{ page.id }}; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||
};
|
||||
(function() { // DON'T EDIT BELOW THIS LINE
|
||||
var d = document, s = d.createElement('script');
|
||||
s.src = 'https://{{ site.disqus_id }}.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
var disqus_config = function () {
|
||||
this.page.url = {{ page.url }}; // Replace PAGE_URL with your page's canonical URL variable
|
||||
this.page.identifier = {{ page.id }}; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||
};
|
||||
(function() { // DON'T EDIT BELOW THIS LINE
|
||||
var d = document, s = d.createElement('script');
|
||||
s.src = 'https://{{ site.disqus_id }}.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<footer class="c-page__footer">
|
||||
<p>© {{ site.author }} {{ 'now' | date: '%Y' }}</p>
|
||||
<p>{% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a><span class="u-separate"></span>{% endif %}{% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}</p>
|
||||
<p>© {{ site.author }} {{ 'now' | date: '%Y' }}</p>
|
||||
<p>{% if site.twitter_username %}<a href="https://twitter.com/{{ site.twitter_username }}">Twitter</a><span class="u-separate"></span>{% endif %}{% if site.github_username %}<a href="https://github.com/{{ site.github_username }}">Github</a>{% endif %}</p>
|
||||
</footer>
|
||||
|
||||
@ -1,13 +1,11 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,900,400italic' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,900,400italic' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
</head>
|
||||
|
||||
@ -1,12 +1,11 @@
|
||||
<header class="c-page__header">
|
||||
<h1><code>{{ site.title}}</code></h1>
|
||||
|
||||
{% if page.title == 'Home' %}
|
||||
<h1>{{ site.description }}</h1>
|
||||
{% endif %}
|
||||
<p>
|
||||
<a href="{{ "/" | prepend: site.baseurl }}">Home</a><span
|
||||
<h1><code>{{ site.title}}</code></h1>
|
||||
{% if page.title == 'Home' %}
|
||||
<h1>{{ site.description }}</h1>
|
||||
{% endif %}
|
||||
<p>
|
||||
<a href="{{ "/" | prepend: site.baseurl }}">Home</a><span
|
||||
class="u-separate"></span> <a href="{{ "/projects/" | prepend:
|
||||
site.baseurl }}">Projects</a><span class="u-separate"></span> <a href="{{ "/about/" | prepend: site.baseurl }}">About</a><span class="u-separate"></span><a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS</a>
|
||||
</p>
|
||||
</p>
|
||||
</header>
|
||||
|
||||
@ -1,14 +1,13 @@
|
||||
---
|
||||
layout: page
|
||||
---
|
||||
|
||||
<article class="c-article">
|
||||
<header class="c-article__header">
|
||||
<h1 class="c-article__title">{{ page.title }}</h1>
|
||||
</header>
|
||||
<div class="c-article__main">
|
||||
{{ content }}
|
||||
</div>
|
||||
<footer class="c-article__footer">
|
||||
</footer>
|
||||
<header class="c-article__header">
|
||||
<h1 class="c-article__title">{{ page.title }}</h1>
|
||||
</header>
|
||||
<div class="c-article__main">
|
||||
{{ content }}
|
||||
</div>
|
||||
<footer class="c-article__footer">
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
<body>
|
||||
<main class="u-container">
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include head.html %}
|
||||
<body>
|
||||
<main class="u-container">
|
||||
{{ content }}
|
||||
</main>
|
||||
{% if jekyll.environment == 'production' %}
|
||||
{% include analytics.html %}
|
||||
{% include analytics.html %}
|
||||
{% endif %}
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -2,9 +2,9 @@
|
||||
layout: default
|
||||
---
|
||||
<div class="c-page">
|
||||
{% include header.html %}
|
||||
<div class="c-page__main">
|
||||
{% include header.html %}
|
||||
<div class="c-page__main">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
|
||||
@ -2,45 +2,41 @@
|
||||
layout: page
|
||||
---
|
||||
<article class="c-article">
|
||||
<header class="c-article__header">
|
||||
<h1 class="c-article__title">{{ page.title }}</h1>
|
||||
<p class="c-article__time"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
|
||||
</header>
|
||||
|
||||
<!-- Post Tags -->
|
||||
<ul class="c-tags">
|
||||
<header class="c-article__header">
|
||||
<h1 class="c-article__title">{{ page.title }}</h1>
|
||||
<p class="c-article__time"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
|
||||
</header>
|
||||
<!-- Post Tags -->
|
||||
<ul class="c-tags">
|
||||
{% for tag in page.tags %}
|
||||
<li class="c-tag">{{ tag }}</li>
|
||||
<li class="c-tag">{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div class="c-article__main">
|
||||
{{ content }}
|
||||
</ul>
|
||||
<div class="c-article__main">
|
||||
{{ content }}
|
||||
</div>
|
||||
<!-- Previous / Next Buttons -->
|
||||
<div class="pagenav">
|
||||
{% if page.previous.url %}
|
||||
<div class="wrapper" id="left">
|
||||
<small><b>Previous</b> {{page.previous.date | date: "%b %-d, %Y"}}</small>
|
||||
<br>
|
||||
<a class="no-hov" href="{{ page.previous.url | prepend: site.baseurl }}">« {{page.previous.title}}</a>
|
||||
</div>
|
||||
|
||||
<!-- Previous / Next Buttons -->
|
||||
<div class="pagenav">
|
||||
{% if page.previous.url %}
|
||||
<div class="wrapper" id="left">
|
||||
<small><b>Previous</b> {{page.previous.date | date: "%b %-d, %Y"}}</small>
|
||||
<br>
|
||||
<a class="no-hov" href="{{ page.previous.url | prepend: site.baseurl }}">« {{page.previous.title}}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.next.url %}
|
||||
<div class="wrapper" id="right">
|
||||
<small>{{page.next.date | date: "%b %-d, %Y"}} <b>Next</b></small>
|
||||
<br>
|
||||
<a class="no-hov" href="{{ page.next.url | prepend: site.baseurl }}">{{page.next.title}} »</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Disqus comments view -->
|
||||
{% if page.comments != false and site.disqus_id %}
|
||||
<div class="post-disqus">
|
||||
<section id="disqus_thread"></section>
|
||||
{% include disqus.html %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if page.next.url %}
|
||||
<div class="wrapper" id="right">
|
||||
<small>{{page.next.date | date: "%b %-d, %Y"}} <b>Next</b></small>
|
||||
<br>
|
||||
<a class="no-hov" href="{{ page.next.url | prepend: site.baseurl }}">{{page.next.title}} »</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<!-- Disqus comments view -->
|
||||
{% if page.comments != false and site.disqus_id %}
|
||||
<div class="post-disqus">
|
||||
<section id="disqus_thread"></section>
|
||||
{% include disqus.html %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</article>
|
||||
|
||||
48
index.html
48
index.html
@ -2,32 +2,30 @@
|
||||
layout: page
|
||||
title: Home
|
||||
---
|
||||
|
||||
<section class="c-archives">
|
||||
{% for post in site.posts %}
|
||||
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
||||
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<h2 class="c-archives__year" id="{{ this_year }}-ref">{{this_year}}</h2>
|
||||
<ul class="c-archives__list">
|
||||
{% for post in site.posts %}
|
||||
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
||||
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
|
||||
{% if forloop.first %}
|
||||
<h2 class="c-archives__year" id="{{ this_year }}-ref">{{this_year}}</h2>
|
||||
<ul class="c-archives__list">
|
||||
{% endif %}
|
||||
<li class="c-archives__item">
|
||||
<h3>
|
||||
<a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
|
||||
<br>
|
||||
<small>{{post.description}}</small>
|
||||
</h3>
|
||||
<p>{{ post.date | date: "%b %-d, %Y" }}</p>
|
||||
</li>
|
||||
<li class="c-archives__item">
|
||||
<h3>
|
||||
<a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
|
||||
<br>
|
||||
<small>{{post.description}}</small>
|
||||
</h3>
|
||||
<p>{{ post.date | date: "%b %-d, %Y" }}</p>
|
||||
</li>
|
||||
{% if forloop.last %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{% if this_year != next_year %}
|
||||
</ul>
|
||||
<h2 class="c-archives__year" id="{{ next_year }}-ref">{{next_year}}</h2>
|
||||
<ul class="c-archives__list">
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{% if this_year != next_year %}
|
||||
</ul>
|
||||
<h2 class="c-archives__year" id="{{ next_year }}-ref">{{next_year}}</h2>
|
||||
<ul class="c-archives__list">
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user