github.com/tickoalcantara12/micro/v3@v3.0.0-20221007104245-9d75b9bcbab9/docs/_layouts/default.html (about)

     1  <!DOCTYPE html>
     2  <html lang="{{ site.lang | default: "en-US" }}">
     3    <head>
     4      <meta charset="UTF-8">
     5      <meta http-equiv="X-UA-Compatible" content="IE=edge">
     6      <meta name="viewport" content="width=device-width, initial-scale=1">
     7  
     8  {% seo %}
     9      <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
    10      <style>
    11        .links a { color: #333; font-size: 16px; font-weight: normal; vertical-align: middle; margin-right: 10px;}
    12        .menu {
    13  	  width: 25px;
    14  	  height: 3px;
    15  	  background-color: black;
    16  	  margin: 6px 0;
    17  	  border-radius: 5px;
    18        }
    19        .title:hover {
    20            text-decoration: none;
    21        }
    22      </style>
    23    </head>
    24    <body>
    25      <div class="container-lg px-3 my-5 markdown-body">
    26        {% if site.title and site.title != page.title %}
    27        <h1>
    28          <a href="{{ "/" | absolute_url }}" class="title" style="color: black; margin-right: 50px;">
    29          {% if site.logo %}
    30          <img src="{{ site.logo | absolute_url }}" height=auto width=100px style="display: inline; vertical-align: middle;"/> 
    31          {% else %}
    32  	{{ site.title }}
    33          {% endif %}
    34          </a>
    35  	<div id="menu" onclick="unfold()" style="display: none; float: right; cursor: pointer; vertical-align: middle;">
    36  	    <div class="menu"></div>
    37  	    <div class="menu"></div>
    38  	    <div class="menu"></div>
    39  	</div>
    40          <ul id="links" class="links" style="float: right; display: none; padding: 5px;">
    41            <li class="link"><a href="{{ site.baseurl }}/about">About</a></li>
    42  	  <li class="link"><a href="{{ site.baseurl }}/blog">Blog</a></li>
    43  	  <li class="link"><a href="{{ site.baseurl }}/docs">Docs</a></li>
    44  	  <li class="link"><a href="https://github.com/tickoalcantara12/micro">GitHub</a></li>
    45  	</span>
    46        </h1>
    47        {% endif %}
    48  
    49        {{ content }}
    50  
    51        {% if site.github.private != true and site.github.license %}
    52        <div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
    53          This site is open source. {% github_edit_link "Improve this page" %}.
    54        </div>
    55        {% endif %}
    56      </div>
    57      <script>
    58        var menu = document.getElementById('menu');
    59        var links = document.getElementById('links');
    60        var li = document.getElementsByClassName('link')
    61  
    62        var update = function(v) {
    63          for (i = 0; i < li.length; i++) {
    64            li[i].style.display = v;
    65          }       
    66        }
    67  
    68        var resize = function() {
    69          if (window.innerWidth < 850) {
    70            menu.style.display = "block";
    71            links.style.display = "none";
    72  	  links.style.float = "left";
    73            update("block");
    74          } else {
    75  	  menu.style.display = "none";
    76  	  links.style.display = "block";
    77  	  links.style.float = "right";
    78            update("inline");
    79  	}
    80        }
    81  
    82        var unfold = function() {
    83          if (links.style.display == "none") {
    84            links.style.display = "block";
    85  	  links.style.float = "none";
    86          } else {
    87            links.style.display = "none";
    88  	}
    89        }
    90  
    91        window.onload = resize;
    92        window.onresize = resize;
    93      </script>
    94      <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
    95      <script>anchors.add();</script>
    96      {% if site.google_analytics %}
    97      <script>
    98        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    99        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   100        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
   101        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
   102        ga('create', '{{ site.google_analytics }}', 'auto');
   103        ga('send', 'pageview');
   104      </script>
   105      {% endif %}
   106    </body>
   107  </html>