default.html
1 <!DOCTYPE html> 2 <html lang="{{ site.lang | default: " en-US" }}"> 3 4 <head> 5 <meta charset="UTF-8"> 6 7 {% seo %} 8 <link rel="preconnect" href="https://fonts.gstatic.com"> 9 <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" as="style" 10 type="text/css" crossorigin> 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 <meta name="theme-color" content="#157878"> 13 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 14 <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}"> 15 {% include head-custom.html %} 16 <style> 17 @media screen and (min-width: 64em) { 18 .main-content { 19 max-width: 86rem; 20 } 21 .main-content table { 22 min-width: 100%; 23 display: table; 24 } 25 } 26 .page-header { 27 background-color: #334e9c; 28 background-image: radial-gradient(at right center, rgb(56, 189, 248), rgb(49, 46, 129)) 29 } 30 .main-content li>p { 31 margin: 5px; 32 } 33 .main-content th,td { 34 text-align: center!important; 35 font-size:0.8em; 36 } 37 .main-content th { 38 white-space: nowrap; 39 } 40 .main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6 { 41 font-weight: bold; 42 color: #334e9c; 43 filter: drop-shadow(rgba(0, 0, 0, 0.04) 0px 10px 8px) drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 3px); 44 } 45 </style> 46 </head> 47 48 <body> 49 <a id="skip-to-content" href="#content">Skip to the content.</a> 50 51 <header class="page-header" role="banner"> 52 <h1 class="project-name">{{ page.title | default: site.title | default: site.github.repository_name }}</h1> 53 <h2 class="project-tagline">{{ page.description | default: site.description | default: site.github.project_tagline 54 }}</h2> 55 {% if site.github.is_project_page %} 56 <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a> 57 {% endif %} 58 </header> 59 60 <main id="content" class="main-content" role="main"> 61 {{ content }} 62 63 <footer class="site-footer"> 64 {% if site.github.is_project_page %} 65 <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> 66 is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span> 67 {% endif %} 68 <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub 69 Pages</a>.</span> 70 </footer> 71 </main> 72 <script type="text/javascript"> 73 // randomly sort all tables 74 (() => { 75 function sortTable(tbody) { 76 let rowsCollection = tbody.querySelectorAll("tr"); 77 let rows = Array.from(rowsCollection); 78 shuffleArray(rows); 79 for (const row of rows) { 80 tbody.appendChild(row); 81 } 82 } 83 function shuffleArray(array) { 84 for (var i = array.length - 1; i > 0; i--) { 85 var j = Math.floor(Math.random() * (i + 1)); 86 var temp = array[i]; 87 array[i] = array[j]; 88 array[j] = temp; 89 } 90 } 91 var tbodies = document.getElementsByTagName("tbody"); 92 for (var i = 0; i < tbodies.length; i++) { 93 sortTable(tbodies[i]); 94 } 95 })(); 96 </script> 97 </body> 98 99 </html>