263 lines
9.2 KiB
HTML
263 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>{{- block "title" . -}}{{ .Site.Title }}{{ end }}</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" type="image/png" sizes="64x64" href="/favicon.png">
|
|
<link rel="stylesheet" href="/css/tachyons.min.css">
|
|
<style>
|
|
|
|
/* --------- fonts --------- */
|
|
|
|
@font-face {
|
|
font-family: 'Pretendard-Regular';
|
|
src: url('/font/Pretendard-Regular.woff') format('woff');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
|
|
/* -- unicode-range -- */
|
|
/* U+1100-11FF (한글 자모), U+3130-318F (한글 호환 자모), U+AC00-D7AF (한글 음절) */
|
|
/*unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF;*/
|
|
}
|
|
|
|
/* --------- preset --------- */
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: 'Pretendard-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
html {
|
|
font-size: 12px;
|
|
}
|
|
|
|
body {
|
|
font-size: 1.2rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
a {
|
|
color: #529AB5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #529AB5;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ol,
|
|
ul {
|
|
list-style-position: inside;
|
|
padding-inline-start: 5%;
|
|
}
|
|
|
|
.content > ol,
|
|
.content > ul {
|
|
padding-inline-start: 0;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
iframe {
|
|
max-width: 100%;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
display: block;
|
|
padding-top: 0.25em;
|
|
padding-bottom: 0.25em;
|
|
}
|
|
|
|
audio {
|
|
display: block;
|
|
max-width: 100%;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
/* --------- header --------- */
|
|
|
|
.header {
|
|
position: sticky;
|
|
top: 15px;
|
|
z-index: 1;
|
|
}
|
|
|
|
#logobtn {
|
|
display: inline-block;
|
|
width: 45px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.home {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.home svg {
|
|
color: black;
|
|
}
|
|
|
|
/* --------- wrapper/contents --------- */
|
|
|
|
.wrapper {
|
|
padding-top: 30px;
|
|
padding-bottom: 50px;
|
|
margin: auto;
|
|
max-width: 800px;
|
|
}
|
|
|
|
.content {
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
letter-spacing: 0.027em;
|
|
line-height: 2rem;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.content p {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
strong {
|
|
letter-spacing: 0.008em;
|
|
word-spacing: -0.02em;
|
|
}
|
|
|
|
/* for big screen devices - in accordance with 'tachyons' way */
|
|
@media screen and (min-width: 30em) {
|
|
|
|
body {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.content {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
letter-spacing: inherit;
|
|
line-height: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
.content p {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.content > ol,
|
|
.content > ul {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
strong {
|
|
letter-spacing: inherit;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!--<div class="menu">-->
|
|
<!--<a href="{{ .Site.BaseURL }}">-->
|
|
<!-- <div id="menubtn" onclick="moveback()">-->
|
|
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="39.903442" height="26.489899" viewBox="0 0 39.903442 26.489899">-->
|
|
<!-- <g transform="matrix(0.41068348,0,0,1,-138.3332,-42.4699)" stroke="currentColor">-->
|
|
<!-- <path d="m 336.83655,43.2199 c 97.16345,0 97.16345,0 97.16345,0" />-->
|
|
<!-- <path d="m 336.83655,55.71485 c 97.16345,0 97.16345,0 97.16345,0" />-->
|
|
<!-- <path d="m 336.83655,68.2098 c 97.16345,0 97.16345,0 97.16345,0" />-->
|
|
<!-- </g>-->
|
|
<!-- </svg>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<div class="wrapper">
|
|
<div class="header">
|
|
<div class="home">
|
|
<!--<a href="{{ .Site.BaseURL }}">-->
|
|
<div id="logobtn" onclick="moveback()">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="228.02666" height="230.83372" viewBox="0 0 228.02666 230.83372">
|
|
<defs>
|
|
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath26">
|
|
<path d="M 0,266.198 H 254.93 V 0 H 0 Z" />
|
|
</clipPath>
|
|
</defs>
|
|
<g transform="matrix(1.3333333,0,0,-1.3333333,-54.381599,301.09866)">
|
|
<g>
|
|
<g clip-path="url(#clipPath26)">
|
|
<g transform="translate(179.0352,97.895)">
|
|
<path d="m 0,0 v -25.356 c 1.747,-1.543 3.548,-2.707 5.417,-3.494 1.873,-0.786 3.775,-1.18 5.724,-1.18 3.12,0 6.025,1.543 8.709,4.629 2.691,3.082 4.031,7.572 4.031,13.461 0,5.431 -1.34,9.603 -4.031,12.518 C 17.166,3.49 14.097,4.95 10.679,4.95 8.868,4.95 7.055,4.53 5.236,3.698 3.863,3.085 2.116,1.849 0,0 M 0.117,127.929 0,2.961 c 4.548,5.707 9.469,8.555 14.739,8.555 4.829,0 9.041,-1.853 12.636,-5.571 3.599,-3.722 5.396,-8.801 5.396,-15.245 0,-7.527 -2.772,-13.586 -8.324,-18.184 -4.757,-3.945 -10.069,-5.924 -15.919,-5.924 -2.742,0 -5.53,0.45 -8.352,1.343 -2.822,0.897 -1.94,1.244 -6.076,5.196 v 150.634"
|
|
fill="currentColor" />
|
|
</g>
|
|
<g transform="translate(73.2822,61.8438)">
|
|
<path d="m 0,0 v 21.49 c -0.206,2.065 -0.808,3.945 -1.82,5.643 -1.012,1.701 -2.356,2.98 -4.014,3.846 -1.668,0.866 -3.295,1.297 -4.882,1.297 -2.961,0 -5.606,-1.195 -7.932,-3.596 -3.07,-3.158 -4.599,-7.769 -4.599,-13.835 0,-6.127 1.485,-10.828 4.449,-14.088 2.965,-3.265 6.266,-4.898 9.902,-4.898 3.068,0 6.032,1.384 8.896,4.141 m 0,-3.181 c -2.255,-2.122 -4.463,-3.649 -6.622,-4.576 -2.16,-0.927 -4.482,-1.388 -6.971,-1.388 -5.055,0 -9.469,1.907 -13.242,5.715 -3.777,3.805 -5.661,8.699 -5.661,14.678 0,5.98 2.09,11.448 6.266,16.41 4.18,4.962 9.553,7.444 16.121,7.444 4.081,0 7.453,-1.169 10.109,-3.514"
|
|
fill="currentColor" />
|
|
</g>
|
|
<g transform="translate(179.2236,215.4897)">
|
|
<path d="m 0,0 -100.075,-18.031 0.208,-126.962 c 0,-4.885 0.105,-7.867 0.269,-8.944 0.189,-1.078 0.476,-1.827 0.865,-2.254 0.399,-0.42 0.861,-0.636 1.385,-0.636 0.656,0 1.51,0.254 2.598,0.772 l 0.393,-1.592 -9.795,-5.144 h -1.657 v 7.988 145.365 L -0.071,10.334"
|
|
fill="currentColor" />
|
|
</g>
|
|
<g transform="translate(79.1572,191.7021)">
|
|
<path d="M 0,0 93.978,17.059 V 8.529 L 0.017,-8.948" fill="currentColor" />
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
{{ block "main" . }}
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// console.log(document.referrer);
|
|
// console.log(window.location.href);
|
|
|
|
function moveback() {
|
|
//if someone just landed directly into this article --> go to home page.
|
|
if (document.referrer == "") {
|
|
//go to home
|
|
window.location.href = "https://dianaband.in";
|
|
|
|
//if not, let's check 'referrer'
|
|
} else {
|
|
const url = new URL(document.referrer);
|
|
|
|
//if came from internal pages
|
|
if (url.hostname == 'dianaband.in') {
|
|
|
|
//if someone did 'r-click' & open in a new tab. then, history.length == 1 --> go to home page. (this works only ONCE. next time length > 1)
|
|
if (window.history.length == 1) {
|
|
window.location.href = "https://dianaband.in";
|
|
|
|
//if not, history back!
|
|
} else {
|
|
window.history.back();
|
|
}
|
|
}
|
|
|
|
//if came from other host, do not leave yet. --> go to home page.
|
|
else {
|
|
window.location.href = "https://dianaband.in";
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<!-- <script src="/theme/base.js"></script> -->
|
|
</body>
|
|
|
|
</html> |