diff options
author | HombreLaser <sebastian-440@live.com> | 2024-02-08 16:36:31 -0600 |
---|---|---|
committer | HombreLaser <sebastian-440@live.com> | 2024-02-08 16:36:31 -0600 |
commit | e182245d3205d929881f51da9b48d6c4ed97a682 (patch) | |
tree | d390e8754dec70a9c9293afb801321b96f043c15 /_includes |
Diffstat (limited to '_includes')
-rw-r--r-- | _includes/footer.html | 105 | ||||
-rw-r--r-- | _includes/head.html | 78 | ||||
-rw-r--r-- | _includes/header.html | 19 | ||||
-rw-r--r-- | _includes/nav_links.html | 5 | ||||
-rw-r--r-- | _includes/page_divider.html | 4 | ||||
-rw-r--r-- | _includes/tooltips/.editorconfig | 4 | ||||
-rw-r--r-- | _includes/tooltips/example.html | 1 |
7 files changed, 216 insertions, 0 deletions
diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..4aa38f6 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,105 @@ +<footer class="site-footer"> + + <div class="wrapper"> + + <h3 class="footer-heading">{{ site.title }}</h3> + + <div class="site-navigation"> + + <p><strong>Site Map</strong></p> + <ul class="pages"> + {% include nav_links.html %} + </ul> + </div> + + <div class="site-contact"> + + <p><strong>Contact</strong></p> + <ul class="social-media-list"> + <li> + <a href="mailto:{{ site.email }}"> + <i class="fa fa-envelope-o"></i> + <span class="username">{{ site.email }}</span> + </a> + </li> + + {% for social in site.social %} + {% if social.url != "" %} + <li> + <a href="{{ social.url }}" title="{{ social.desc }}"> + <i class="fa fa-{{ social.icon }}"></i> + <span class="username">{% if social.username %}{{ social.username }}{% else %}{{ social.name }}{% endif %}</span> + </a> + </li> + {% endif %} + {% endfor %} + + </ul> + </div> + + <div class="site-signature"> + <p class="rss-subscribe text"><strong>Subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></strong></p> + <p class="text">{{ site.description }}</p> + </div> + + </div> + +</footer> + +<!-- Scripts --> +<script src="//code.jquery.com/jquery-3.4.1.min.js"></script> +<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script> +<script src="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/js/lightbox.min.js"></script> +<script src="//unpkg.com/popper.js@1"></script> +<script src="//unpkg.com/tippy.js@5"></script> + +<script type="text/javascript"> +$(document).ready(function() { + // Default syntax highlighting + hljs.initHighlightingOnLoad(); + + // Header + var menuToggle = $('#js-mobile-menu').unbind(); + $('#js-navigation-menu').removeClass("show"); + menuToggle.on('click', function(e) { + e.preventDefault(); + $('#js-navigation-menu').slideToggle(function(){ + if($('#js-navigation-menu').is(':hidden')) { + $('#js-navigation-menu').removeAttr('style'); + } + }); + }); + + // Enable tooltips via Tippy.js + if (Array.isArray(window.tooltips)) { + window.tooltips.forEach(function(tooltip) { + var selector = tooltip[0]; + var config = tooltip[1]; + tippy(selector, config); + }) + } +}); + +</script> + +{% if page.custom_js %} +<!-- Custom page specific js files --> + {% for js_file in page.custom_js %} + <script src='/js/{{ js_file }}.js' type="text/javascript"></script> + {% endfor %} +{% endif %} + +{% if site.ga_tracking_id %} +<!-- Google Analytics --> +<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_tracking_id }}', 'auto'); + ga('send', 'pageview', { + 'page': '{{ page.url }}', + 'title': '{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}' + }); +</script> +{% endif %} diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..7279d3d --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,78 @@ +<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 }}{% else %}{{ site.title }}{% endif %}</title> + <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> + {% if site.name %} + <meta name="author" content="{{ site.name }}"> + <meta name="copyright" content="© {{ site.name }} {{ site.time | date: '%Y' }}"> + {% endif %} + + <!-- External libraries --> + <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/{{ site.highlightjs_theme }}.min.css"> + <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css"> + + <!-- Favicon and other icons (made with http://www.favicon-generator.org/) --> + <link rel="shortcut icon" href="{{ "/assets/icons/favicon.ico" | prepend: site.baseurl }}" type="image/x-icon"> + <link rel="icon" href="{{ "/assets/icons/favicon.ico" | prepend: site.baseurl }}" type="image/x-icon"> + <link rel="apple-touch-icon" sizes="57x57" href="{{ "/assets/icons/apple-icon-57x57.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="60x60" href="{{ "/assets/icons/apple-icon-60x60.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="72x72" href="{{ "/assets/icons/apple-icon-72x72.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="76x76" href="{{ "/assets/icons/apple-icon-76x76.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="114x114" href="{{ "/assets/icons/apple-icon-114x114.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="120x120" href="{{ "/assets/icons/apple-icon-120x120.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="144x144" href="{{ "/assets/icons/apple-icon-144x144.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="152x152" href="{{ "/assets/icons/apple-icon-152x152.png" | prepend: site.baseurl }}"> + <link rel="apple-touch-icon" sizes="180x180" href="{{ "/assets/icons/apple-icon-180x180.png" | prepend: site.baseurl }}"> + <link rel="icon" type="image/png" sizes="192x192" href="{{ "/assets/icons/android-icon-192x192.png" | prepend: site.baseurl }}"> + <link rel="icon" type="image/png" sizes="32x32" href="{{ "/assets/icons/favicon-32x32.png" | prepend: site.baseurl }}"> + <link rel="icon" type="image/png" sizes="96x96" href="{{ "/assets/icons/favicon-96x96.png" | prepend: site.baseurl }}"> + <link rel="icon" type="image/png" sizes="16x16" href="{{ "/assets/icons/favicon-16x16.png" | prepend: site.baseurl }}"> + <link rel="manifest" href="{{ "/assets/icons/manifest.json" | prepend: site.baseurl }}"> + <meta name="msapplication-TileColor" content="#ffffff"> + <meta name="msapplication-TileImage" content="{{ "/assets/icons/ms-icon-144x144.png" | prepend: site.baseurl }}"> + <meta name="theme-color" content="#ffffff"> + + {% if site.protocols.fb_image %} + <!-- Facebook OGP cards --> + <meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" /> + <meta property="og:url" content="{% if page.url %}{{ site.url }}{{ page.url }}{% else %}{{ site.url }}{% endif %}"> + <meta property="og:site_name" content="{{ site.title }}" /> + <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" /> + <meta property="og:type" content="website" /> + <meta property="og:image" content="{% if page.cover %}{{ page.cover | prepend: site.baseurl | prepend: site.url }}{% else %}{{ site.protocols.fb_image | prepend: site.baseurl | prepend: site.url }}{% endif %}" /> + <meta property="og:image:type" content="{{ site.protocols.fb_image_type }}" /> + <meta property="og:image:width" content="{{ site.protocols.fb_image_width }}" /> + <meta property="og:image:height" content="{{ site.protocols.fb_image_height }}" /> + {% endif %} + + {% if site.protocols.twitter_image %} + <!-- Twitter: card tags --> + <meta name="twitter:card" content="summary"> + <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"> + <meta name="twitter:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> + <meta name="twitter:image" content="{% if page.cover %}{{ page.cover | prepend: site.baseurl | prepend: site.url }}{% else %}{{ site.protocols.twitter_image | prepend: site.baseurl | prepend: site.url }}{% endif %}"> + <meta name="twitter:url" content="{% if page.url %}{{ site.url }}{{ page.url }}{% else %}{{ site.url }}{% endif %}"> + {% endif %} + + {% if protocols.os_repo and protocols.os_rcs_type and protocols.os_src %} + <!-- Open Source Protocol --> + <link rel="profile" href="http://osprotocol.com" /> + <meta property="os:repo" content="{{ protocols.os_repo }}" /> + <meta property="os:rcs_type" content="{{ protocols.os_rcs_type }}" /> + <meta property="os:src" content="{{ protocols.os_src }}" /> + {% endif %} + + <!-- Site styles --> + <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 }}" /> + + <!-- Tooltips --> + <script type="text/javascript"> + window.tooltips = [] + </script> +</head> diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..978ef71 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,19 @@ +<header class="navigation" role="banner"> + <div class="navigation-wrapper"> + <a href="{{ site.baseurl }}/" class="logo"> + {% if site.logo %} + <img src="{{ site.logo | prepend: site.baseurl }}" alt="{{ site.title }}"> + {% else %} + <span>{{ site.title }}</span> + {% endif %} + </a> + <a href="javascript:void(0)" class="navigation-menu-button" id="js-mobile-menu"> + <i class="fa fa-bars"></i> + </a> + <nav role="navigation"> + <ul id="js-navigation-menu" class="navigation-menu show"> + {% include nav_links.html %} + </ul> + </nav> + </div> +</header> diff --git a/_includes/nav_links.html b/_includes/nav_links.html new file mode 100644 index 0000000..eb13ebc --- /dev/null +++ b/_includes/nav_links.html @@ -0,0 +1,5 @@ +{% for page in site.pages %} + {% if page.title and page.main_nav == true %} + <li class="nav-link"><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a> + {% endif %} +{% endfor %} diff --git a/_includes/page_divider.html b/_includes/page_divider.html new file mode 100644 index 0000000..e8dae9f --- /dev/null +++ b/_includes/page_divider.html @@ -0,0 +1,4 @@ +<span class="page-divider"> + <span class="one"></span> + <span class="two"></span> +</span> diff --git a/_includes/tooltips/.editorconfig b/_includes/tooltips/.editorconfig new file mode 100644 index 0000000..c3f092e --- /dev/null +++ b/_includes/tooltips/.editorconfig @@ -0,0 +1,4 @@ +root = false + +[*] +insert_final_newline = false diff --git a/_includes/tooltips/example.html b/_includes/tooltips/example.html new file mode 100644 index 0000000..e8402a8 --- /dev/null +++ b/_includes/tooltips/example.html @@ -0,0 +1 @@ +Put your tooltip content here. <em>It</em> <strong>can</strong> <u>even</u> be <span style=\"font-size: 2em\">HTML</span>
\ No newline at end of file |