This commit is contained in:
oscar.plaisant@icloud.com
2024-01-10 01:44:49 +01:00
parent 28cf123d41
commit 97032d3d8b
6 changed files with 227 additions and 47 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

36
home/index.html Normal file
View 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
View 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>

View File

@@ -3,38 +3,56 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title></title>
<style> * { --font-size: 1.677vw} </style>
<title>oskar's world</title>
</head>
<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>
</html>

View File

@@ -1,21 +1,28 @@
<')
(\/"
I ,-".
|-"\ ,-\.
,-"\ ,-"\ ,"\.
./\.,-"\ ,-"\ ,"\
./ _ \.,-"\ ,-"\,-"
./ (_) \.,-"\,-" |
/ |\,-" | :
| .---. | ,^". | .' :
| | O | | | o|,-' .--'' .'
| |/_\| | |,-'.,,.-' ..., '.
|___________|,-' , ..' ". :
'''--'' : :
.--------------. : :
| WELCOME! | : :
'---+------+---' ..' :
| | '' .'
.|. .'|'. ...--'
'.' '...'
______________________________
.'-----------------------------.'.
.'-----------------------------.' \
/______________________________/ .': | .----------------.
| ==== LIBRARY =============== | '.' | | Bulletin Board |
<') | ___ ____ ___ ___ ___ | | | · ~~~~~ ~~ |
(\/" | |_|_||.--.||_|_| |_|_| |_|_| | | | · ~~~~~~~~ |
I ,-". | |_|_||| |||_|_| |_|_| |_|_| | | | · ~~~~ |
|-"\ ,-\. | -----|| o||----------------- | ,' | · ~~~ ~~~~~~~ |
,-"\ ,-"\ ,"\. |______||__||__________________|,-' '--++--------++--'
./\.,-"\ ,-"\ ,"\ : : ...--,-'||''.,..''||''--..
./ _ \.,-"\ ,-"\,-" : : ,-' .||. .||. '''
./ (_) \.,-"\,-" | : : .' '..' '..' ..
/--- HOME --|\,-" | : : ,-' .... ... .'
| .---. | ,^". | .' : ...--'' .'' ''.....'''' '----''
| | O | | | o|,-' .--'' .' ,.''' ..-'
| |/_\| | |,-'.,,.-' ..., '. .' .--''''
|___________|,-' , ..' ". '-.. ..' .''
'''--'' : ''' .'
.--------------. : '--... '.
..| WELCOME! |.. : : '-. . .------------.
-'' '---+------+---' ''-.. ..' : '. '...| FOREST > ; ..
| | '' .' ; '---+----+---' '.
.|. .|. .-' '. | | ''......
'.' '.' ..-''' '. .|. .|.
'-. ..'' '. '.' '.' ......
'-.. ..-' '-... ..---''''
''--...-'' ''''------'''

72
style.css Normal file
View 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}
}