update
This commit is contained in:
36
home/index.html
Normal file
36
home/index.html
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="../style.css">
|
||||||
|
<style> * { --font-size: 2.19vw} </style>
|
||||||
|
<title>oskar's world - home</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
"-. .-"
|
||||||
|
"-. .-"
|
||||||
|
"-............................................................-"
|
||||||
|
: <!-- --> .---. <!-- --> .---.<!-- --> :
|
||||||
|
-, : <a href="upstairs.html"> _____ </a> :O o: <a href="wc.html"> </a> : * : <a href="living_room.html"> _____ </a> :
|
||||||
|
: "-.: <a href="upstairs.html"> .-"/___\"-. </a> :T Y: <a href="wc.html">.--------.</a> :v/^\.: <a href="living_room.html">.-"||]]_"-.</a> :
|
||||||
|
: | :: <a href="upstairs.html"> /~~|_____|~~\ </a> :^ ^: <a href="wc.html">! __ !</a> '---'<a href="living_room.html"> /___||]]|]_]\ </a> :
|
||||||
|
: | :: <a href="upstairs.html">!~~/_______\~~!</a> '"""' <a href="wc.html">! |wc| !</a> <a href="living_room.html">!__'.\|]|]]|]]!</a> :
|
||||||
|
: | :: <a href="upstairs.html">!~~|_______|~~!</a> <a href="wc.html">! !</a> <a href="living_room.html">! \_.'"""""""!</a> :
|
||||||
|
:-+-:: <a href="upstairs.html">!~/_________\~!</a> <a href="wc.html">! !</a> <a href="living_room.html">! \\',',',',!</a> :
|
||||||
|
: | :: <a href="upstairs.html">!~|_________|~!</a> <a href="wc.html">!(0) !</a> <a href="living_room.html">!____\\ , , , !</a> :
|
||||||
|
: | :: <a href="upstairs.html">!/___________\!</a> <a href="wc.html">! !</a> <a href="living_room.html">!____|L\ , , ,!</a> :
|
||||||
|
: | :: <a href="upstairs.html">!|___________|!</a> <a href="wc.html">! !</a> <a href="living_room.html">!, \] , , , !</a> :
|
||||||
|
: |.': <a href="upstairs.html">/_____________\</a> <a href="wc.html">! !</a> <a href="living_room.html">! , °, , , ,!</a> :
|
||||||
|
:.' ;.,<a href="upstairs.html">|_____________|</a>.,.,...<a href="wc.html">!;;;;;;;;!</a>.,....,<a href="living_room.html">!;,,;,,;,,;,,;!</a>.,:
|
||||||
|
' .' '.
|
||||||
|
.' <a href="../index.html"> .-------. </a> '.
|
||||||
|
.' <a href="../index.html">.! leave !.</a> '.
|
||||||
|
.' <a href="../index.html"> ':;;;;;:' </a> '.
|
||||||
|
<a href="../index.html"> ':;:' </a>
|
||||||
|
<a href="../index.html"> ' </a>
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
47
home/wc.html
Normal file
47
home/wc.html
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="../style.css">
|
||||||
|
<style> * { --font-size: 1.538vw} </style>
|
||||||
|
<title>oskar's world - wc</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
"-. .-"
|
||||||
|
"-. .-"
|
||||||
|
"-............................................................................................-"
|
||||||
|
: :
|
||||||
|
: ::::::::::: :
|
||||||
|
: :: | :: :
|
||||||
|
: :: | :: :
|
||||||
|
: ::---+---:: :
|
||||||
|
: :: | :: :
|
||||||
|
: :: | :: :
|
||||||
|
: ::::::::::: .---------------. :
|
||||||
|
: ! ! :
|
||||||
|
: ! .---------. ! :
|
||||||
|
: ! | "\ \ / | ! :
|
||||||
|
: ! | _/ VV | ! :
|
||||||
|
: ! ! :
|
||||||
|
: ! ! :
|
||||||
|
: __ _ ! _ ! :
|
||||||
|
______ '( (-' ________"\____________ ! (_) ! :
|
||||||
|
/____ /] |__| / _T_||_T_ / ! ! :
|
||||||
|
[____]/| / .' : /| ! ! :
|
||||||
|
| Q| | / '._______.' / | ! ! :
|
||||||
|
| | | /_____________________/ | ! ! :
|
||||||
|
| | |_..----..._ | _____ _____ | | ! ! :
|
||||||
|
\____|// / / / : | |__o__| |__o__| | | ! ! :
|
||||||
|
; `-.._____..-'/ | _______ _______ | | ! ! :
|
||||||
|
'. _.-'................ | | | | | |....;;;;;;;;;;;;;;;;;...........:
|
||||||
|
.-": .--""""" | | {|} | | / "-.
|
||||||
|
.-" _.' :_:::::::. | | | | | / "-.
|
||||||
|
-" .(_________);;;;;;;; |_|_______|_______|_|/ "-
|
||||||
|
""""""::::::::::::
|
||||||
|
""""""""
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
70
index.html
70
index.html
@@ -3,38 +3,56 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
<title></title>
|
<style> * { --font-size: 1.677vw} </style>
|
||||||
|
<title>oskar's world</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<pre>
|
<pre>
|
||||||
|
|
||||||
|
______________________________
|
||||||
|
.'-----------------------------.'.
|
||||||
|
.'-----------------------------.' \
|
||||||
|
/______________________________/ .': | .----------------.
|
||||||
|
| ==== LIBRARY =============== | '.' | | Bulletin Board |
|
||||||
|
</pre>
|
||||||
|
<pre class="animate four-frames dl-4-a"> <') | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-b"> | | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-c"> ('> | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-d"> | | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-a"> (\/" | |_|_||<a href="library/index.html">.--.</a>||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-b"> " | |_|_||<a href="library/index.html">.--.</a>||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-c"> "\/) | |_|_||<a href="library/index.html">.--.</a>||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |</pre>
|
||||||
|
<pre class="animate four-frames dl-4-d"> " | |_|_||<a href="library/index.html">.--.</a>||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |</pre>
|
||||||
|
<pre>
|
||||||
|
I ,-". | |_|_||<a href="library/index.html">| |</a>||_|_| |_|_| |_|_| | | | · ~~~~ |
|
||||||
|
|-"\ ,-\. | -----|<a href="library/index.html">| o|</a>|----------------- | ,' | · ~~~ ~~~~~~~ |
|
||||||
|
,-"\ ,-"\ ,"\. |______|<a href="library/index.html">|__|</a>|__________________|,-' '--++--------++--'
|
||||||
|
./\.,-"\ ,-"\ ,"\ : : ...--,-'||''.,..''||''--..
|
||||||
|
./ _ \.,-"\ ,-"\,-" : : ,-' .||. .||. '''
|
||||||
|
./ (_) \.,-"\,-" | : : .' '..' '..' ..
|
||||||
|
/--- HOME --|\,-" | : : ,-' .... ... .'
|
||||||
|
| .---. | <a href="home/index.html">,^".</a> | .' : ...--'' .'' ''.....'''' '----''
|
||||||
|
| | O | | <a href="home/index.html">| o|</a>,-' .--'' .' ,.''' ..-'
|
||||||
|
| |/_\| | <a href="home/index.html">|,-'</a>.,,.-' ..., '. .' .--''''
|
||||||
|
|___________|,-' , ..' ". '-.. ..' .''
|
||||||
|
'''--'' : ''' .'
|
||||||
|
.--------------. : '--... '.
|
||||||
|
..| WELCOME! |.. : : '-. . <a href="forest/index.html">.------------.</a>
|
||||||
|
--'' '---+------+---' ''-.. ..' : '. '...<a href="forest/index.html">| FOREST > ;</a> ..
|
||||||
|
| | '' .' ; <a href="forest/index.html">'---+----+---' </a> '. ....---
|
||||||
|
.|. .|. .-' '. | | ''......---'''
|
||||||
|
'.' '.' ..-''' '. .|. .|. ,...--
|
||||||
|
''-. ..'' '. '.' '.' ......--''''
|
||||||
|
'-.. ..-' '-... ..---''''
|
||||||
|
''--...-'' ''''------'''
|
||||||
|
|
||||||
|
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
|
||||||
<')
|
|
||||||
(\/"
|
|
||||||
I ,-".
|
|
||||||
|-"\ ,-\.
|
|
||||||
,-"\ ,-"\ ,"\.
|
|
||||||
./\.,-"\ ,-"\ ,"\
|
|
||||||
./ _ \.,-"\ ,-"\,-"
|
|
||||||
./ (_) \.,-"\,-" |
|
|
||||||
/ |\,-" | :
|
|
||||||
| .---. | ,^". | .' :
|
|
||||||
| | O | | | o|,-' .--'' .'
|
|
||||||
| |/_\| | |,-'.,,.-' ..., '.
|
|
||||||
|___________|,-' , ..' ". :
|
|
||||||
'''--'' : :
|
|
||||||
.--------------. : :
|
|
||||||
..| WELCOME! |.. : :
|
|
||||||
-'' '---+------+---' ''-.. ..' :
|
|
||||||
| | '' .'
|
|
||||||
.|. .|. .-'
|
|
||||||
'.' '.' ..-'''
|
|
||||||
'-. ..''
|
|
||||||
'-.. ..-'
|
|
||||||
''--...-''
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
49
index.txt
49
index.txt
@@ -1,21 +1,28 @@
|
|||||||
|
______________________________
|
||||||
<')
|
.'-----------------------------.'.
|
||||||
(\/"
|
.'-----------------------------.' \
|
||||||
I ,-".
|
/______________________________/ .': | .----------------.
|
||||||
|-"\ ,-\.
|
| ==== LIBRARY =============== | '.' | | Bulletin Board |
|
||||||
,-"\ ,-"\ ,"\.
|
<') | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |
|
||||||
./\.,-"\ ,-"\ ,"\
|
(\/" | |_|_||.--.||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |
|
||||||
./ _ \.,-"\ ,-"\,-"
|
I ,-". | |_|_||| |||_|_| |_|_| |_|_| | | | · ~~~~ |
|
||||||
./ (_) \.,-"\,-" |
|
|-"\ ,-\. | -----|| o||----------------- | ,' | · ~~~ ~~~~~~~ |
|
||||||
/ |\,-" | :
|
,-"\ ,-"\ ,"\. |______||__||__________________|,-' '--++--------++--'
|
||||||
| .---. | ,^". | .' :
|
./\.,-"\ ,-"\ ,"\ : : ...--,-'||''.,..''||''--..
|
||||||
| | O | | | o|,-' .--'' .'
|
./ _ \.,-"\ ,-"\,-" : : ,-' .||. .||. '''
|
||||||
| |/_\| | |,-'.,,.-' ..., '.
|
./ (_) \.,-"\,-" | : : .' '..' '..' ..
|
||||||
|___________|,-' , ..' ". :
|
/--- HOME --|\,-" | : : ,-' .... ... .'
|
||||||
'''--'' : :
|
| .---. | ,^". | .' : ...--'' .'' ''.....'''' '----''
|
||||||
.--------------. : :
|
| | O | | | o|,-' .--'' .' ,.''' ..-'
|
||||||
| WELCOME! | : :
|
| |/_\| | |,-'.,,.-' ..., '. .' .--''''
|
||||||
'---+------+---' ..' :
|
|___________|,-' , ..' ". '-.. ..' .''
|
||||||
| | '' .'
|
'''--'' : ''' .'
|
||||||
.|. .'|'. ...--'
|
.--------------. : '--... '.
|
||||||
'.' '...'
|
..| WELCOME! |.. : : '-. . .------------.
|
||||||
|
-'' '---+------+---' ''-.. ..' : '. '...| FOREST > ; ..
|
||||||
|
| | '' .' ; '---+----+---' '.
|
||||||
|
.|. .|. .-' '. | | ''......
|
||||||
|
'.' '.' ..-''' '. .|. .|.
|
||||||
|
'-. ..'' '. '.' '.' ......
|
||||||
|
'-.. ..-' '-... ..---''''
|
||||||
|
''--...-'' ''''------'''
|
||||||
|
72
style.css
Normal file
72
style.css
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
* {
|
||||||
|
--animation-duration: 1s;
|
||||||
|
--font-size: 2vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
text-align: center;
|
||||||
|
margin: 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-size: var(--font-size);
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
line-height: 115%;
|
||||||
|
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #6080d0;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
/* color: #d070e0; */
|
||||||
|
color: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.animate {
|
||||||
|
animation-duration: var(--animation-duration);
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
/* animation-direction: */
|
||||||
|
animation-timing-function: linear;
|
||||||
|
|
||||||
|
height: 0px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.two-frames { animation-name: two_frames;}
|
||||||
|
.four-frames { animation-name: four_frames;}
|
||||||
|
|
||||||
|
.dl-2-a { animation-delay: 0s;}
|
||||||
|
.dl-2-b { animation-delay: calc(var(--animation-duration) / 2); }
|
||||||
|
|
||||||
|
.dl-4-a { animation-delay: 0.0s;}
|
||||||
|
.dl-4-b { animation-delay: calc(var(--animation-duration) / 4); }
|
||||||
|
.dl-4-c { animation-delay: calc(var(--animation-duration) / 2); }
|
||||||
|
.dl-4-d { animation-delay: calc(var(--animation-duration) * .75); }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes two_frames {
|
||||||
|
from { opacity: 0%; height: 0px}
|
||||||
|
49.99% { opacity: 0%; height: 0px}
|
||||||
|
50% { opacity: 100%; height: auto}
|
||||||
|
to { opacity: 100%; height: auto}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes four_frames {
|
||||||
|
from { opacity: 0%; height: 0px}
|
||||||
|
74.99% { opacity: 0%; height: 0px}
|
||||||
|
75% { opacity: 100%; height: auto}
|
||||||
|
to { opacity: 100%; height: auto}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Reference in New Issue
Block a user