style: add & run prettier

.github/FUNDING.yml

@@ -1,2 +1,2 @@
-custom: ['https://www.paypal.me/janraasch/29,00']
-github: ['janraasch']
+custom: ["https://www.paypal.me/janraasch/29,00"]
+github: ["janraasch"]

.github/workflows/ci.yml

@@ -3,30 +3,30 @@ name: CI
 on:
   push:
     branches:
-    - master
+      - master
   pull_request:
     branches:
-    - master
+      - master
 
 jobs:
   build:
     runs-on: ubuntu-18.04
 
     steps:
-    - name: Checkout
-      uses: actions/checkout@v2
+      - name: Checkout
+        uses: actions/checkout@v2
 
-    - name: Setup Hugo
-      uses: peaceiris/actions-hugo@v2
-      with:
-        hugo-version: latest
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: latest
 
-    - name: Build local ./exampleSite
-      run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://janraasch.github.io/hugo-scroll/
+      - name: Build local ./exampleSite
+        run: hugo --minify --gc --destination ../public --source ./exampleSite --themesDir ../.. --baseURL https://janraasch.github.io/hugo-scroll/
 
-    - name: Deploy to GitHub Pages
-      if: github.event_name == 'push'
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: ./public
+      - name: Deploy to GitHub Pages
+        if: github.event_name == 'push'
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./public

.gitignore

@@ -1,2 +1,3 @@
 public
 exampleSite/public
+node_modules

.prettierignore

@@ -0,0 +1,6 @@
+build
+resources
+public
+static/font-awesome
+static/css/normalize.css
+layouts/index.html

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+  "overrides": [
+    {
+      "files": ["*.html"],
+      "options": {
+        "parser": "go-template"
+      }
+    }
+  ]
+}

README.md

@@ -54,29 +54,30 @@ hugo new my-new-page.md
 
 ### Adding your branding / colors / css
 
-Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you may add a `<style>`-tag *or* you may add a `<link>`-tag referencing your own `custom.css` (in case you prefer to have a separate `.css`-file). Checkout the [`custom_head.html`](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html)-file from the `exampleSite`-directory to get started and to find more detailed instructions.
+Add a `custom_head.html`-file to your `layouts/partials`-directory. In there you may add a `<style>`-tag _or_ you may add a `<link>`-tag referencing your own `custom.css` (in case you prefer to have a separate `.css`-file). Checkout the [`custom_head.html`](https://github.com/janraasch/hugo-scroll/blob/master/exampleSite/layouts/partials/custom_head.html)-file from the `exampleSite`-directory to get started and to find more detailed instructions.
 
 ## Issues / Feedback / Contributing
+
 Please use [GitHub issues](https://github.com/janraasch/hugo-scroll/issues) and [Pull Requests](https://github.com/janraasch/hugo-scroll/pulls).
 
 If you do not have a GitHub-account, feel free to hit me up via e-mail (see [janraasch.com](https://www.janraasch.com)).
 
-
 ## Sponsor [![Pay me][insert-coins-svg]][paypal-dot-me]
+
 Please consider supporting my work on this theme via [GitHub Sponsors][github-sponsors] or [PayPal][paypal-dot-me].
 
 [![GitHub Stats](https://github-readme-stats.vercel.app/api/?username=janraasch)][github-sponsors]
 
 ## Special Thanks 🎁
 
-* Go to [Yonatan Wolowelsky](https://github.com/grmmph), for the great [GhostScroll](https://github.com/grmmph/GhostScroll)-theme which formed the basis of this [Hugo](https://gohugo.io/)-theme.
-* Go to [Pexels](https://www.pexels.com), for supplying those wonderful *free* stock photos on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite).
+- Go to [Yonatan Wolowelsky](https://github.com/grmmph), for the great [GhostScroll](https://github.com/grmmph/GhostScroll)-theme which formed the basis of this [Hugo](https://gohugo.io/)-theme.
+- Go to [Pexels](https://www.pexels.com), for supplying those wonderful _free_ stock photos on the [exampleSite](https://github.com/janraasch/hugo-scroll/tree/master/exampleSite).
 
 ## License
+
 [MIT License](http://en.wikipedia.org/wiki/MIT_License) © [Jan Raasch](https://www.janraasch.com)
 
 [paypal-dot-me]: https://www.paypal.me/janraasch/29,00
 [github-sponsors]: https://github.com/sponsors/janraasch
 [insert-coins-svg]: https://img.shields.io/badge/insert-coins-11dde2.svg
-
 [hugo-setup-guide]: https://gohugo.io/getting-started/installing

archetypes/homepage.md

@@ -8,4 +8,5 @@ weight: 5
 # into the header menu at the top of the homepage.
 header_menu: true
 ---
+
 This is just another section to appear on the homepage.

exampleSite/content/homepage/about-me.md

@@ -1,8 +1,9 @@
 ---
-title: 'About Me'
+title: "About Me"
 weight: 3
 header_menu: true
 ---
+
 ![Jane Doe](images/happy-ethnic-woman-sitting-at-table-with-laptop-3769021.jpg)
 
 ##### Professionel Experience

exampleSite/content/homepage/contact.md

@@ -1,8 +1,9 @@
 ---
-title: 'Contact'
+title: "Contact"
 weight: 4
 header_menu: true
 ---
+
 E-Mail: [mail@janedoe.com](mailto:your-email@your-domain.com)
 
 Tel.: [+49 1111 555555](tel:+491111555555)

exampleSite/content/homepage/opener.md

@@ -1,10 +1,10 @@
 ---
-title: 'Welcome'
+title: "Welcome"
 weight: 1
 ---
 
 Hi there. This section will not show up in the header menu above. Other than that, there's really not much to see here. I did however append some generated »Lorem ipsum«-paragraphs for you. Enjoy!
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula turpis nec arcu cursus, ac faucibus felis tempor. Donec molestie arcu eu pretium accumsan. Phasellus urna nisi, volutpat pharetra orci vel, feugiat sollicitudin diam. Phasellus dolor tortor, feugiat a ipsum id, gravida volutpat urna. Nam dictum nulla ac nisi aliquam ultricies. Nam tempus eget lorem vitae vulputate. 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula turpis nec arcu cursus, ac faucibus felis tempor. Donec molestie arcu eu pretium accumsan. Phasellus urna nisi, volutpat pharetra orci vel, feugiat sollicitudin diam. Phasellus dolor tortor, feugiat a ipsum id, gravida volutpat urna. Nam dictum nulla ac nisi aliquam ultricies. Nam tempus eget lorem vitae vulputate.
 
 Nulla aliquet, nisl pulvinar fermentum ultricies, turpis purus ultricies lorem, ut faucibus arcu nisl in tellus. Integer eu augue auctor, fringilla nunc ut, finibus eros. Curabitur est lectus, ultricies id blandit at, malesuada et ipsum. Suspendisse potenti. Quisque euismod sapien arcu, vel sollicitudin ipsum dignissim nec.

exampleSite/content/homepage/services.md

@@ -1,8 +1,9 @@
 ---
-title: 'Services'
+title: "Services"
 weight: 2
 header_menu: true
 ---
+
 That is the important part, right? You want to know what I can do for you. This is why I put this right up there into the header menu of the website.
 
 ---

exampleSite/content/services.md

@@ -1,5 +1,5 @@
 ---
-title: 'Services'
+title: "Services"
 ---
 
 This is a page about the services, which I offer.

exampleSite/layouts/partials/custom_head.html

@@ -61,6 +61,20 @@
 <!-- Custom link-tags for different icons
      Generated via https://favicon.io/favicon-generator/ -->
 
-<link rel="apple-touch-icon" sizes="180x180" href='{{ "images/apple-touch-icon.png" | absURL }}'>
-<link rel="icon" type="image/png" sizes="32x32" href='{{ "images/favicon-32x32.png" | absURL }}'>
-<link rel="icon" type="image/png" sizes="16x16" href='{{ "images/favicon-16x16.png" | absURL }}'>
+<link
+  rel="apple-touch-icon"
+  sizes="180x180"
+  href="{{ "images/apple-touch-icon.png" | absURL }}"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="32x32"
+  href="{{ "images/favicon-32x32.png" | absURL }}"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="16x16"
+  href="{{ "images/favicon-16x16.png" | absURL }}"
+/>

layouts/404.html

@@ -1,15 +1,16 @@
 {{ define "main" }}
-<main class="content page-template 404" role="main">
+  <main class="content page-template 404" role="main">
     <article class="post page">
-        <header class="post-header">
-            <a id="blog-logo" href="{{ "/" | relURL }}">
-                {{ .Site.Title }}
-            </a>
-        </header>
-        <h1 class="post-title">404 - Page Not Found</h1>
-        <section class="post-content">
-            Give it another try: <a href="{{ "/" | relURL }}" alt="Homepage">Back to the homepage</a>.
-        </section>
+      <header class="post-header">
+        <a id="blog-logo" href="{{ "/" | relURL }}">
+          {{ .Site.Title }}
+        </a>
+      </header>
+      <h1 class="post-title">404 - Page Not Found</h1>
+      <section class="post-content">
+        Give it another try:
+        <a href="{{ "/" | relURL }}" alt="Homepage">Back to the homepage</a>.
+      </section>
     </article>
-</main>
-{{ end }}
+  </main>
+{{ end }}

layouts/_default/baseof.html

@@ -1,20 +1,23 @@
 <!DOCTYPE html>
 <html>
-    {{- partial "head.html" . -}}
-    <body>
-        {{- partial "header.html" . -}}
-        {{- block "main" . }}{{- end }}
-        {{- partial "footer.html" . -}}
+  {{- partial "head.html" . -}}
+  <body>
+    {{- partial "header.html" . -}}
+    {{- block "main" . }}{{- end }}
+    {{- partial "footer.html" . -}}
 
-        <!-- We do need jQuery to be loaded before HugoScroll script -->
-        <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+    <!-- We do need jQuery to be loaded before HugoScroll script -->
+    <script
+      type="text/javascript"
+      src="https://code.jquery.com/jquery-1.11.3.min.js"
+    ></script>
 
-        <!-- The main JavaScript files for HugoScroll -->
-        <script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
-        <script type="text/javascript" src='{{ "js/index.js" |absURL }}'></script>
-        <!-- A partial to be overwritten by the user.
+    <!-- The main JavaScript files for HugoScroll -->
+    <script type="text/javascript" src='{{ "js/icons.js" | absURL }}'></script>
+    <script type="text/javascript" src='{{ "js/index.js" |absURL }}'></script>
+    <!-- A partial to be overwritten by the user.
              Simply place a custom_body.html into
              your local /layouts/partials-directory -->
-        {{- partial "custom_body.html" . -}}
-    </body>
+    {{- partial "custom_body.html" . -}}
+  </body>
 </html>

layouts/_default/single.html

@@ -1,15 +1,15 @@
 {{ define "main" }}
-<main class="content page-template page-{{ .Slug }}" role="main">
+  <main class="content page-template page-{{ .Slug }}" role="main">
     <article class="post page">
-        <header class="post-header">
-            <a id="blog-logo" href="{{ "/" | relURL }}">
-                {{ .Site.Title }}
-            </a>
-        </header>
-        <h1 class="post-title">{{ .Title }}</h1>
-        <section class="post-content">
-            {{ .Content }}
-        </section>
+      <header class="post-header">
+        <a id="blog-logo" href="{{ "/" | relURL }}">
+          {{ .Site.Title }}
+        </a>
+      </header>
+      <h1 class="post-title">{{ .Title }}</h1>
+      <section class="post-content">
+        {{ .Content }}
+      </section>
     </article>
-</main>
+  </main>
 {{ end }}

layouts/index.html

@@ -14,7 +14,6 @@
             <i id='header-arrow' class="fa fa-angle-down"></i>
         </div>
     </div>
-
 </header>
 <main class="content" role="main">
 

layouts/partials/footer.html

@@ -1,11 +1,18 @@
 <footer class="site-footer">
-    <div class="inner">
-        {{ with .Site.Params.copyright }}<section class="copyright">{{ . | markdownify }}</section>{{ end }}
-        <section>{{ echoParam .Site.Params "hidebyline" }}</section>
-        {{ if ne .Site.Params.hidedesignbyline true }}<section>
-            <!-- TODO: Change link to https://themes.gohugo.io/hugo-scroll/ once
+  <div class="inner">
+    {{ with .Site.Params.copyright }}
+      <section class="copyright">{{ . | markdownify }}</section>{{ end }}
+
+
+    <section>{{ echoParam .Site.Params "hidebyline" }}</section>
+    {{ if ne .Site.Params.hidedesignbyline true }}
+      <section>
+        <!-- TODO: Change link to https://themes.gohugo.io/hugo-scroll/ once
             https://github.com/gohugoio/hugoThemes/issues/881 is solved. -->
-            <a href="https://github.com/janraasch/hugo-scroll/">Design</a> template built with ♥️ by <a href="https://www.janraasch.com" title="Jan Raasch">Jan Raasch</a>
-        </section>{{ end }}
-    </div>
+        <a href="https://github.com/janraasch/hugo-scroll/">Design</a> template
+        built with ♥️ by
+        <a href="https://www.janraasch.com" title="Jan Raasch">Jan Raasch</a>
+      </section>{{ end }}
+
+  </div>
 </footer>

layouts/partials/head.html

@@ -3,20 +3,37 @@
 
 <title>{{ with .Title }}{{ . }}{{ else }}{{ .Site.Title }}{{ end }}</title>
 
-{{ with .Site.Params.favicon }}<link rel="shortcut icon" href="{{ . | absURL }}" type="image/png"/>{{ end }}
+{{ with .Site.Params.favicon }}
+  <link rel="shortcut icon" href="{{ . | absURL }}" type="image/png"
+/>{{ end }}
 
-{{ with .Site.Params.description }}<meta name="description" content="{{ . }}" />{{ end }}
-{{ with .Site.Params.meta.keywords }}<meta name="keywords" content="{{ . }}" />{{ end }}
+{{ with .Site.Params.description }}
+  <meta name="description" content="{{ . }}"
+/>{{ end }}
+{{ with .Site.Params.meta.keywords }}
+  <meta name="keywords" content="{{ . }}"
+/>{{ end }}
 <meta name="referrer" content="no-referrer-when-downgrade" />
 
 <meta name="HandheldFriendly" content="True" />
 <meta name="MobileOptimized" content="320" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<link rel="stylesheet" href='{{ "css/screen.css" | absURL }}'>
-<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
-<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
-<link rel="stylesheet" href='{{ "font-awesome/css/font-awesome.min.css" | absURL }}'>
+<link rel="stylesheet" href="{{ "css/screen.css" | absURL }}" />
+<link
+  href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700"
+  rel="stylesheet"
+  type="text/css"
+/>
+<link
+  href="https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Roboto+Slab:400,100,300,700"
+  rel="stylesheet"
+  type="text/css"
+/>
+<link
+  rel="stylesheet"
+  href="{{ "font-awesome/css/font-awesome.min.css" | absURL }}"
+/>
 
 {{ template "_internal/opengraph.html" . }}
 {{ template "_internal/twitter_cards.html" . }}

package-lock.json

@@ -0,0 +1,20 @@
+{
+  "name": "hugo-scroll",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "prettier": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.1.tgz",
+      "integrity": "sha512-9bY+5ZWCfqj3ghYBLxApy2zf6m+NJo5GzmLTpr9FsApsfjriNnS2dahWReHMi7qNPhhHl9SYHJs2cHZLgexNIw==",
+      "dev": true
+    },
+    "prettier-plugin-go-template": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-go-template/-/prettier-plugin-go-template-0.0.10.tgz",
+      "integrity": "sha512-TaHPqiMK/zfk+YhvKRf/1WZDgQ6ffnlxJZX5rwphqfxBOVEezZQtYistTB348MKrKnnwKpyXZWpMRo0/KCVB+A==",
+      "dev": true
+    }
+  }
+}

package.json

@@ -0,0 +1,29 @@
+{
+  "private": true,
+  "name": "hugo-scroll",
+  "version": "1.0.0",
+  "description": "A Hugo theme for pretty, quick and simple single-page websites.",
+  "main": "index.js",
+  "scripts": {
+    "test": "prettier --check . ",
+    "format": "prettier --write . "
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/janraasch/hugo-scroll.git"
+  },
+  "author": {
+    "name": "Jan Raasch",
+    "email": "jan@janraasch.com",
+    "url": "https://www.janraasch.com"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/janraasch/hugo-scroll/issues"
+  },
+  "homepage": "https://github.com/janraasch/hugo-scroll#readme",
+  "devDependencies": {
+    "prettier": "^2.1.1",
+    "prettier-plugin-go-template": "0.0.10"
+  }
+}

static/js/index.js

@@ -2,121 +2,133 @@
  * Main JS file for GhostScroll behaviours
  */
 
-var $post = $('.post');
-var $first = $('.post.first');
-var $last = $('.post.last');
-var $fnav = $('.fixed-nav');
-var $postholder = $('.post-holder');
-var $postafter = $('.post-after');
-var $sitehead = $('#site-head');
+var $post = $(".post");
+var $first = $(".post.first");
+var $last = $(".post.last");
+var $fnav = $(".fixed-nav");
+var $postholder = $(".post-holder");
+var $postafter = $(".post-after");
+var $sitehead = $("#site-head");
 
 /* Globals jQuery, document */
 (function ($) {
-	"use strict";
-	function srcTo (el) {
-		$('html, body').animate({
-			scrollTop: el.offset().top
-		}, 1000);
-	}
-	function srcToAnchorWithTitle (str) {
-		var $el = $('#' + str);
-		if ($el.length) {
-			srcTo($el);
-		}
-	}
-	$(document).ready(function(){
-
-		$postholder.each(function (e) {
-			if(e % 2 != 0)
-				$(this).addClass("odd");
-		});
-
-		$postafter.each(function (e) {
-			var bg = $(this).parent().css('background-color')
-			$(this).css('border-top-color', bg);
-
-			if (e % 2 == 0) {
-				$(this).addClass("even");
-			}
-		});
-
-		$('a.btn.site-menu').click(function (e) {
-			srcToAnchorWithTitle($(e.target).data('title-anchor'));
-		});
-		$('#header-arrow').click(function () {
-			srcTo($first);
-		});
-
-		$('.post-title').each(function () {
-			var t = $(this).text();
-			var index = $(this).parents('.post-holder').index();
-			$fnav.append("<a class='fn-item' item_index='"+index+"'>"+t+"</a>")
-			$('.fn-item').click(function () {
-				var i = $(this).attr('item_index');
-				var s = $(".post[item_index='"+i+"']");
-
-				$('html, body').animate({
-					scrollTop: s.offset().top
-				}, 400);
-
-			});
-		});
-
-		$('.post.last').next('.post-after').hide();
-		if($sitehead.length) {
-			$(window).scroll( function () {
-				var w = $(window).scrollTop();
-				var g = $sitehead.offset().top;
-				var h = $sitehead.offset().top + $sitehead.height()-100;
-
-				if(w >= g && w<=h) {
-					$('.fixed-nav').fadeOut('fast');
-				} else if($(window).width()>500) {
-					$('.fixed-nav').fadeIn('fast');
-				}
-
-				$post.each(function () {
-					var f = $(this).offset().top;
-					var b = $(this).offset().top + $(this).height();
-					var t = $(this).parent('.post-holder').index();
-					var i = $(".fn-item[item_index='"+t+"']");
-					var a = $(this).parent('.post-holder').prev('.post-holder').find('.post-after');
-
-					$(this).attr('item_index', t);
-
-					if(w >= f && w<=b) {
-						i.addClass('active');
-						a.fadeOut('slow');
-					} else {
-						i.removeClass('active');
-						a.fadeIn('slow');
-					}
-				});
-			});
-		}
-
-		$('ul li').before('<span class="bult fa fa-asterisk icon-asterisk"></span>');
-		$('blockquote p').prepend('<span class="quo icon-quote-left"></span>');
-		$('blockquote p').append('<span class="quo icon-quote-right"></span>');
-	});
-
-	$post.each(function () {
-		var postText = $(this).html();
-		var fa  = [];
-		for(var i=0; i < icons.length; i++) {
-			fa[i]       = {};
-			fa[i].str   = "@"+ icons[i]+ "@";
-			fa[i].icon  = icons[i];
-			fa[i].int   = postText.search(fa[i].str);
-
-			if(fa[i].int > -1 ) {
-				fa[i].count = postText.match(new RegExp(fa[i].str,"g")).length;
-				for(var j=0; j < fa[i].count; j++) {
-					$(this).html($(this).html().replace(fa[i].str, "<i class='fa "+fa[i].icon+"'></i>"))
-				}
-			}
-		}
-	});
-
-
-}(jQuery));
+  "use strict";
+  function srcTo(el) {
+    $("html, body").animate(
+      {
+        scrollTop: el.offset().top,
+      },
+      1000
+    );
+  }
+  function srcToAnchorWithTitle(str) {
+    var $el = $("#" + str);
+    if ($el.length) {
+      srcTo($el);
+    }
+  }
+  $(document).ready(function () {
+    $postholder.each(function (e) {
+      if (e % 2 != 0) $(this).addClass("odd");
+    });
+
+    $postafter.each(function (e) {
+      var bg = $(this).parent().css("background-color");
+      $(this).css("border-top-color", bg);
+
+      if (e % 2 == 0) {
+        $(this).addClass("even");
+      }
+    });
+
+    $("a.btn.site-menu").click(function (e) {
+      srcToAnchorWithTitle($(e.target).data("title-anchor"));
+    });
+    $("#header-arrow").click(function () {
+      srcTo($first);
+    });
+
+    $(".post-title").each(function () {
+      var t = $(this).text();
+      var index = $(this).parents(".post-holder").index();
+      $fnav.append(
+        "<a class='fn-item' item_index='" + index + "'>" + t + "</a>"
+      );
+      $(".fn-item").click(function () {
+        var i = $(this).attr("item_index");
+        var s = $(".post[item_index='" + i + "']");
+
+        $("html, body").animate(
+          {
+            scrollTop: s.offset().top,
+          },
+          400
+        );
+      });
+    });
+
+    $(".post.last").next(".post-after").hide();
+    if ($sitehead.length) {
+      $(window).scroll(function () {
+        var w = $(window).scrollTop();
+        var g = $sitehead.offset().top;
+        var h = $sitehead.offset().top + $sitehead.height() - 100;
+
+        if (w >= g && w <= h) {
+          $(".fixed-nav").fadeOut("fast");
+        } else if ($(window).width() > 500) {
+          $(".fixed-nav").fadeIn("fast");
+        }
+
+        $post.each(function () {
+          var f = $(this).offset().top;
+          var b = $(this).offset().top + $(this).height();
+          var t = $(this).parent(".post-holder").index();
+          var i = $(".fn-item[item_index='" + t + "']");
+          var a = $(this)
+            .parent(".post-holder")
+            .prev(".post-holder")
+            .find(".post-after");
+
+          $(this).attr("item_index", t);
+
+          if (w >= f && w <= b) {
+            i.addClass("active");
+            a.fadeOut("slow");
+          } else {
+            i.removeClass("active");
+            a.fadeIn("slow");
+          }
+        });
+      });
+    }
+
+    $("ul li").before(
+      '<span class="bult fa fa-asterisk icon-asterisk"></span>'
+    );
+    $("blockquote p").prepend('<span class="quo icon-quote-left"></span>');
+    $("blockquote p").append('<span class="quo icon-quote-right"></span>');
+  });
+
+  $post.each(function () {
+    var postText = $(this).html();
+    var fa = [];
+    for (var i = 0; i < icons.length; i++) {
+      fa[i] = {};
+      fa[i].str = "@" + icons[i] + "@";
+      fa[i].icon = icons[i];
+      fa[i].int = postText.search(fa[i].str);
+
+      if (fa[i].int > -1) {
+        fa[i].count = postText.match(new RegExp(fa[i].str, "g")).length;
+        for (var j = 0; j < fa[i].count; j++) {
+          $(this).html(
+            $(this)
+              .html()
+              .replace(fa[i].str, "<i class='fa " + fa[i].icon + "'></i>")
+          );
+        }
+      }
+    }
+  });
+})(jQuery);