yigitcolakoglu
/
fr1nge.xyz
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 Commits
1 Branch
8.0 MiB
Tree: cd7086914e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'cd7086914e'
${ noResults }
fr1nge.xyz/public/index.html

208 lines
22 KiB
Raw Normal View History

Hugo edited
4 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!doctype html>
  2. <html lang="en-us">
  3.   <head>
  4.     
  5. 

  6. 

  7.   <meta http-equiv="Content-Security-Policy" content="default-src 'self' https: 'unsafe-inline' 'unsafe-eval'; worker-src 'self' blob:; connect-src 'self' wss: data:; font-src 'self' https: data:; img-src 'self' https: data:; object-src 'none'">
  8. 

  9. 

  10.     <meta name="generator" content="After Dark Hugo">
  11.     <meta charset="utf-8">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.     <title>Fr1nge&#39;s Personal Site</title>
  14.     <meta name="description" content="">
  15.     <meta name="keywords" content="">
  16.     
  17.     
  18.     
  19.     
  20.     <meta property="og:title" content="Fr1nge&#39;s Personal Site" />
  21. <meta property="og:description" content="" />
  22. <meta property="og:type" content="website" />
  23. <meta property="og:url" content="http://fr1nge.xyz/" />
  24. 

  25. 

  26.     <meta name="twitter:card" content="summary"/>
  27. <meta name="twitter:title" content="Fr1nge&#39;s Personal Site"/>
  28. <meta name="twitter:description" content=""/>
  29. 

  30.     
  31. 

  32. 

  33. 

  34. 

  35.     
  36. 

  37.     
  38.       
  39. 

  40. 

  41. 

  42. 

  43.     
  44.     
  45.   <meta name="referrer" content="same-origin">
  46. 

  47. 

  48.     
  49.     
  50.     <script integrity="sha512-2t0yyNrUdtn9WGIoBVxq5vtoJQYfoDQDbqRPpOb75f1hiL39DGLdJKDrGP60fBhXfrFeKyVhzWJvHvLgln/ElA==">/*! Fetch Inject v2.0.4 | Copyright (C) Josh Habdas <jhabdas@protonmail.com> (https://habd.as) | @license Zlib */
  51. var fetchInject=function(){"use strict";const e=function(e,t,r,n,o,c,i){c=t.createElement(r),i=t.getElementsByTagName(r)[0],c.appendChild(t.createTextNode(n.text)),c.onload=o(n),i?i.parentNode.insertBefore(c,i):t.head.appendChild(c)};return function(t,r){if(!arguments.length)return Promise.reject(new ReferenceError("Failed to execute 'fetchInject': 1 argument required but only 0 present."));if(arguments[0]&&arguments[0].constructor!==Array)return Promise.reject(new TypeError("Failed to execute 'fetchInject': argument 1 must be of type 'Array'."));if(arguments[1]&&arguments[1].constructor!==Promise)return Promise.reject(new TypeError("Failed to execute 'fetchInject': argument 2 must be of type 'Promise'."));const n=[],o=r?[].concat(r):[],c=[];return t.forEach(e=>o.push(window.fetch(e).then(e=>[e.clone().text(),e.blob()]).then(e=>Promise.all(e).then(e=>{n.push({text:e[0],blob:e[1]})})))),Promise.all(o).then(()=>(n.forEach(t=>{c.push({then:r=>{t.blob.type.includes("text/css")?e(window,document,"style",t,r):e(window,document,"script",t,r)}})}),Promise.all(c)))}}();
  52. </script>
  53.     <script integrity="sha512-2XlvnxweZhaHgBdCoOK0PoCUWiSfKibb&#43;RCRZNgqLdvbnx0ZH67FDGKQqmpqCerjMJbZFv6fsXgbmJOOA9K&#43;qA==">/*!
  54.  * Copyright (C) 2019  Josh Habdas <jhabdas@protonmail.com>
  55.  *
  56.  * This file is part of After Dark.
  57.  *
  58.  * After Dark is free software: you can redistribute it and/or modify
  59.  * it under the terms of the GNU Affero General Public License as published
  60.  * by the Free Software Foundation, either version 3 of the License, or
  61.  * (at your option) any later version.
  62.  *
  63.  * After Dark is distributed in the hope that it will be useful,
  64.  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  65.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  66.  * GNU Affero General Public License for more details.
  67.  *
  68.  * You should have received a copy of the GNU Affero General Public License
  69.  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  70.  */
  71. 

  72. fetchInject(["/js/lazysizes.min.js"]);
  73. </script>
  74.     
  75. 

  76. 

  77. 

  78.     
  79.       <link rel="alternate" type="application/rss+xml" href="http://fr1nge.xyz/index.xml" title="Fr1nge's Personal Site">
  80.     
  81.     <link rel="canonical" href="http://fr1nge.xyz/">
  82.     
  83.     
  84.     <link rel="icon" sizes="any" href="data:image/svg+xml,%3Csvg%20viewBox='0%200%2046%2045'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EAfter%20Dark%3C/title%3E%3Cpath%20d='M.708%2045L23%20.416%2045.292%2045H.708zM35%2038L23%2019%2011%2038h24z'%20fill='%23000'/%3E%3C/svg%3E">
  85. 

  86.     
  87. 

  88.   
  89.   
  90.   
  91.   
  92.   
  93.   
  94.   
  95.     
  96.       
  97.         <style>html{font-size:12px}*{box-sizing:border-box;text-rendering:geometricPrecision}body{font-size:1rem;line-height:1.5rem;margin:0;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;word-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.3em}fieldset{border:none;padding:0;margin:0}pre{padding:2rem;margin:1.75rem 0;background-color:#fff;border:1px solid #ccc;overflow:auto}code[class*=language-],pre[class*=language-],pre code{font-weight:100;text-shadow:none;margin:1.75rem 0}a{cursor:pointer;color:#ff2e88;text-decoration:none;border-bottom:1px solid #ff2e88}a:hover{background-color:#ff2e88;color:#fff}.grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid.\-top{-ms-flex-align:start;align-items:flex-start}.grid.\-middle{-ms-flex-align:center;align-items:center}.grid.\-bottom{-ms-flex-align:end;align-items:flex-end}.grid.\-stretch{-ms-flex-align:stretch;align-items:stretch}.grid.\-baseline{-ms-flex-align:baseline;align-items:baseline}.grid.\-left{-ms-flex-pack:start;justify-content:flex-start}.grid.\-center{-ms-flex-pack:center;justify-content:center}.grid.\-right{-ms-flex-pack:end;justify-content:flex-end}.grid.\-between{-ms-flex-pack:justify;justify-content:space-between}.grid.\-around{-ms-flex-pack:distribute;justify-content:space-around}.cell{-ms-flex:1;flex:1;box-sizing:border-box}@media screen and (min-width:768px){.cell.\-1of12{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%}.cell.\-2of12{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%}.cell.\-3of12{-ms-flex:0 0 25%;flex:0 0 25%}.cell.\-4of12{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}.cell.\-5of12{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%}.cell.\-6of12{-ms-flex:0 0 50%;flex:0 0 50%}.cell.\-7of12{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%}.cell.\-8of12{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%}.cell.\-9of12{-ms-flex:0 0 75%;flex:0 0 75%}.cell.\-10of12{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%}.cell.\-11of12{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%}}@media screen and (max-width:768px){.grid{-ms-flex-direction:column;flex-direction:column}.cell{-ms-flex:0 0 auto;flex:0 0 auto}}.hack,.hack blockquote,.hack code,.hack em,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack strong{font-size:1rem;font-style:normal;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.hack blockquote,.hack code,.hack em,.hack strong{line-height:20px}.hack blockquote,.hack code,.hack footer,.hack h1,.hack h2,.hack h3,.hack h4,.hack h5,.hack h6,.hack header,.hack li,.hack ol,.hack p,.hack section,.hack ul{float:none;margin:0;padding:0}.hack blockquote,.hack h1,.hack ol,.hack p,.hack ul{margin-top:20px;margin-bottom:20px}.hack h1{position:relative;display:inline-block;display:table-cell;padding:20px 0 30px;margin:0;overflow:hidden}.hack h1:after{content:"====================================================================================================";position:absolute;bottom:10px;left:0}.hack h1+*{margin-top:0}.hack h2,.hack h3,.hack h4,.hack h5,.hack h6{position:relative;margin-bottom:1.75rem}.hack h2:before,.hack h3:before,.hack h4:before,.hack h5:before,.hack h6:before{display:inline}.hack h2:before{content:"## "}.hack h3:before{content:"### "}.hack h4:before{content:"#### "}.hack h5:before{content:"##### "}.hack h6:before{content:"###### "}.hack li{position:relative;display:block;padding-left:20px}.hack li:after{position:absolute;top:0;left:0}.hack ul>li:after{content:"-"}.hack ol{counter-reset:a}.hack ol>li:after{content:counter(a) ".";counter-increment:a}.hack ol li:nth-child(n+10):after{left:-7px}.hack blockquote{position:relative;padding-left:17px;padding-left:2ch;overflow:hidden}.hack blockquote:after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-spa
  98. *
  99. * This file is part of After Dark.
  100. *
  101. * After Dark is free software: you can redistribute it and/or modify
  102. * it under the terms of the GNU Affero General Public License as published
  103. * by the Free Software Foundation, either version 3 of the License, or
  104. * (at your option) any later version.
  105. *
  106. * After Dark is distributed in the hope that it will be useful,
  107. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  108. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  109. * GNU Affero General Public License for more details.
  110. *
  111. * You should have received a copy of the GNU Affero General Public License
  112. * along with this program. If not, see <https://www.gnu.org/licenses/>.*/:root{--screen-size-small:30em}@keyframes intro{0%{opacity:0}100%{opacity:1}}.blur-up.lazyloading{filter:blur(5px);opacity:1;transition:opacity 1s,filter 1.5s}.blur-up.lazyload{opacity:0;filter:blur(10px)}.blur-up.lazyloaded{filter:blur(0);transition:filter 1s}.hack .readmore{margin-bottom:2.2em}.responsive-iframe,.ratio-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.responsive-iframe iframe,.ratio-container>*:not([itemprop=caption]){position:absolute;top:0;left:0;width:100%;height:100%}iframe{border:0}main,footer{animation:intro .3s both;animation-delay:.15s}header:first-of-type+details{margin:20px 0}footer time[datetime$=M]:before{content:"\2013\0020"}body>footer p.muted{margin-bottom:0}@media only screen and (max-width:768px){footer time[datetime$=M]{display:none}}blockquote cite{display:block}blockquote cite::before{content:"\2014\00A0"}:target{filter:brightness(1.2)}:disabled{cursor:not-allowed}.hack li ul{margin:0}.hack ol li{padding-left:27px}.main{padding:20px 10px}input.form-control{border-radius:0;background-color:initial;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none}input.form-control,textarea.form-control,select.form-control,.help-block{font-size:initial}@media only screen and (max-width:768px){.help-block{font-size:unset}}html{font-size:13px}.hack .form input,.hack .form textarea,.hack .form button,.hack .form label{font-size:1rem}.hack .alert .highlight:first-of-type .chroma,.hack .card .highlight:first-of-type .chroma,.hack .alert pre:first-of-type,.hack .alert p:first-of-type,.hack .card pre:first-of-type,.hack .card p:first-of-type{margin-top:unset}.hack .alert .highlight:last-of-type .chroma,.hack .card .highlight:last-of-type .chroma,.hack .alert pre:last-of-type,.hack .alert p:last-of-type,.hack .card pre:last-of-type,.hack .card p:last-of-type{margin-bottom:unset}.hack blockquote,.hack blockquote:after{line-height:1.5}.hack figure,.standard figure{margin:unset}.hack figure a{border-bottom:none}.hack figure a:hover{background-color:inherit}article header img{width:100%;border-radius:3px}table td,table th{line-height:inherit}table a{border-bottom:unset}img{max-width:100%}@media only screen and (min-width:768px){html{font-size:16px}.container{max-width:50rem}}@media only screen and (min-width:768px),(-ms-high-contrast:active),(-ms-high-contrast:none){html{margin-left:calc(100vw - 100%)}}/*!
  113.  * Copyright (C) 2019  Josh Habdas <jhabdas@protonmail.com>
  114.  *
  115.  * This file is part of After Dark.
  116.  *
  117.  * After Dark is free software: you can redistribute it and/or modify
  118.  * it under the terms of the GNU Affero General Public License as published
  119.  * by the Free Software Foundation, either version 3 of the License, or
  120.  * (at your option) any later version.
  121.  *
  122.  * After Dark is distributed in the hope that it will be useful,
  123.  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  124.  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  125.  * GNU Affero General Public License for more details.
  126.  *
  127.  * You should have received a copy of the GNU Affero General Public License
  128.  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  129.  */
  130. 

  131. a[rel*="external"]::after {
  132.   content: " " url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20class='i-external'%20viewBox='0%200%2032%2032'%20width='14'%20height='14'%20fill='none'%20stroke='%23ff9800'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='9.38%'%3E%3Cpath%20d='M14%209%20L3%209%203%2029%2023%2029%2023%2018%20M18%204%20L28%204%2028%2014%20M28%204%20L14%2018'/%3E%3C/svg%3E");
  133. }
  134. nav a.active {
  135.   background-color: inherit;
  136.   color: #fff;
  137. }
  138. a[itemprop="url"] {
  139.   color: #ff9800;
  140. }
  141. a[itemprop="url"]:hover {
  142.   color: #fff;
  143. }
  144. .muted, .help-block {
  145.   opacity: 0.70;
  146. }
  147. .hack .muted,
  148. .hack .help-block {
  149.   color: #e0e0e0;
  150. }
  151. </style>
  152.         
  153. 

  154. 

  155.   
  156.     <meta name="theme-color" content=#000>
  157.   
  158. 

  159. 

  160.       
  161.     
  162.   
  163. 

  164. 

  165.     
  166.     
  167.   </head>
  168.   
  169.   
  170.   
  171.   <body class="hack dark main container">
  172.     <header>
  173.   
  174. 

  175. 

  176. </header>
  177.     <main>
  178.   <header>
  179.     <h1 itemprop="name">Fr1nge&#39;s Personal Site</h1>
  180.   </header>
  181.   
  182.   
  183.     <section itemscope itemtype="https://schema.org/Blog">
  184.       
  185.     </section>
  186.   
  187. </main>
  188.     <footer>
  189.   
  190.     <p><nav>
  191.   
  192.   
  193.     <span>OMG the nostalgia! Runs so smoothly too. If only there were published content.</span>
  194.   
  195.   
  196. </nav>
  197. </p>
  198.   
  199.   <small class="muted">
  200.     
  201. 

  202.   </small>
  203. </footer>
  204.     
  205.     
  206.     
  207.   </body>
  208. </html>