comin together!
This commit is contained in:
parent
9dcfdc3c81
commit
a23b7fbb5e
6 changed files with 139 additions and 20 deletions
|
|
@ -57,5 +57,12 @@
|
|||
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||
</indentOptions>
|
||||
</codeStyleSettings>
|
||||
<codeStyleSettings language="liquid">
|
||||
<indentOptions>
|
||||
<option name="INDENT_SIZE" value="2" />
|
||||
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||
<option name="TAB_SIZE" value="2" />
|
||||
</indentOptions>
|
||||
</codeStyleSettings>
|
||||
</code_scheme>
|
||||
</component>
|
||||
BIN
src/img/theme/baby-its-cold-outside/divider.gif
Normal file
BIN
src/img/theme/baby-its-cold-outside/divider.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 813 B |
|
|
@ -1,19 +1,57 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>testing</title>
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>... Epiphany ... baby, it's cold outsite ...</title>
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="site">
|
||||
<main></main>
|
||||
<header>
|
||||
<h1>Epiphany</h1>
|
||||
</header>
|
||||
|
||||
<nav></nav>
|
||||
<main class="flow">
|
||||
<p>Hello and welcome to Epiphany Petz! This is a Petz 4 website.</p>
|
||||
|
||||
<p>If there are any broken links or typos, please let me know in the
|
||||
cbox!</p>
|
||||
|
||||
<div class="divide"></div>
|
||||
|
||||
<h2>Affiliate Sites</h2>
|
||||
|
||||
<p><a href="https://harvestpetz.neocities.org/" title="harvest">scribble @
|
||||
harvest</a></p>
|
||||
|
||||
<div class="divide"></div>
|
||||
|
||||
<h2>Updates</h2>
|
||||
|
||||
<p><a href="/updates/">update archive</a></p>
|
||||
|
||||
<h3>14 Nov 2022</h3>
|
||||
|
||||
<p>Christmas theme up (:</p>
|
||||
|
||||
<h3>15 Mar 2022</h3>
|
||||
|
||||
<p>Epiphany has moved! I got my own domain a week or two ago and have
|
||||
finally finished setting it up and moving Epiphany over. I also updated
|
||||
the layout, so it doesn't use frames anymore, keeps things a bit cleaner.
|
||||
I even learned a little jquery to do so *shudder*.</p>
|
||||
|
||||
<p><a href="https://punkfairie.net/" target="_blank">punkfairie.net</a> now
|
||||
has my own personal site on it as well! It's been a looonggg time since
|
||||
I've had a personal site, I'm super excited to have a little space again,
|
||||
for whatever I feel like posting :)</p>
|
||||
</main>
|
||||
|
||||
<nav></nav>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,4 +6,40 @@
|
|||
font-size: var(--t-step-0);
|
||||
background: var(--bg);
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-family: var(--t-display);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: var(--t-step-6);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: var(--t-step-4);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--t-step-3);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--c-main-d);
|
||||
transition: color 200ms;
|
||||
}
|
||||
|
||||
a:visited, a:active {
|
||||
color: var(--c-accent);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--c-main-l);
|
||||
text-decoration-style: dashed;
|
||||
}
|
||||
|
||||
/*noinspection CssUnresolvedCustomProperty*/
|
||||
.flow > * + * {
|
||||
margin-block-start: var(--flow-space, 1em);
|
||||
}
|
||||
}
|
||||
|
|
@ -11,5 +11,41 @@
|
|||
block-size: 48rem;
|
||||
background: url('/img/theme/baby-its-cold-outside/bg.png');
|
||||
border: 1px solid hsl(233deg 66% 20%);
|
||||
padding: var(--space-xs);
|
||||
|
||||
display: grid;
|
||||
grid-template:
|
||||
'. .' 1.5fr
|
||||
'header header' 0.5fr
|
||||
'nav main' 2.5fr / 1fr 5fr;
|
||||
}
|
||||
|
||||
header {
|
||||
grid-area: header;
|
||||
text-align: right;
|
||||
align-self: end;
|
||||
padding-right: var(--space-xs);
|
||||
}
|
||||
|
||||
main {
|
||||
--flow-space: var(--space-xs);
|
||||
|
||||
grid-area: main;
|
||||
overflow: auto;
|
||||
padding: var(--space-s);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav {
|
||||
grid-area: nav;
|
||||
padding: var(--space-s);
|
||||
}
|
||||
|
||||
.divide {
|
||||
background: url('/img/theme/baby-its-cold-outside/divider.gif');
|
||||
height: 20px;
|
||||
width: 239px;
|
||||
display: inline-block;
|
||||
margin-top: var(--space-m);
|
||||
}
|
||||
}
|
||||
|
|
@ -6,8 +6,8 @@
|
|||
* spacers
|
||||
*/
|
||||
|
||||
@import url('https://fonts.bunny.net/css2?family=Imprima&display=swap');
|
||||
@import url('https://fonts.bunny.net/css2?family=Sacramento&display=swap');
|
||||
@import url(https://fonts.bunny.net/css?family=Imprima&display=swap);
|
||||
@import url(https://fonts.bunny.net/css?family=cedarville-cursive:400);
|
||||
|
||||
:root {
|
||||
--bg: hsl(204deg 100% 80%);
|
||||
|
|
@ -29,21 +29,23 @@
|
|||
|
||||
--t-face: 'Imprima', sans-serif;
|
||||
--t-spacing: 0.125rem;
|
||||
--t-display: 'Cedarville Cursive', handwriting;
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
&type sizing
|
||||
\* ---------------------------------------------------------------------- */
|
||||
|
||||
/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
||||
/* @link https://utopia.fyi/type/calculator?c=320,14,1.2,1240,16,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
||||
|
||||
--t-step--2: clamp(0.78rem, calc(0.77rem + 0.03vw), 0.80rem);
|
||||
--t-step--1: clamp(0.94rem, calc(0.92rem + 0.11vw), 1.00rem);
|
||||
--t-step-0: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);
|
||||
--t-step-1: clamp(1.35rem, calc(1.28rem + 0.37vw), 1.56rem);
|
||||
--t-step-2: clamp(1.62rem, calc(1.50rem + 0.58vw), 1.95rem);
|
||||
--t-step-3: clamp(1.94rem, calc(1.77rem + 0.87vw), 2.44rem);
|
||||
--t-step-4: clamp(2.33rem, calc(2.08rem + 1.25vw), 3.05rem);
|
||||
--t-step-5: clamp(2.80rem, calc(2.45rem + 1.77vw), 3.82rem);
|
||||
--t-step--2: clamp(0.6075rem, 0.5962rem + 0.0565vw, 0.64rem);
|
||||
--t-step--1: clamp(0.7294rem, 0.7048rem + 0.1228vw, 0.8rem);
|
||||
--t-step-0: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
|
||||
--t-step-1: clamp(1.05rem, 0.9804rem + 0.3478vw, 1.25rem);
|
||||
--t-step-2: clamp(1.26rem, 1.1548rem + 0.5261vw, 1.5625rem);
|
||||
--t-step-3: clamp(1.5119rem, 1.3584rem + 0.7674vw, 1.9531rem);
|
||||
--t-step-4: clamp(1.8144rem, 1.5963rem + 1.0902vw, 2.4413rem);
|
||||
--t-step-5: clamp(2.1775rem, 1.8734rem + 1.5207vw, 3.0519rem);
|
||||
--t-step-6: clamp(2.6125rem, 2.1942rem + 2.0913vw, 3.815rem);
|
||||
|
||||
/* ---------------------------------------------------------------------- *\
|
||||
&spacers
|
||||
|
|
|
|||
Loading…
Reference in a new issue