major updates

This commit is contained in:
toĉjo 2021-09-14 16:03:04 -03:00
parent 32abb6149a
commit f3c055bb25
10 changed files with 129 additions and 50 deletions

BIN
activelinks/bc.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
activelinks/cal.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
activelinks/lastfm.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
activelinks/sc.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
activelinks/vxempire.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -1,37 +0,0 @@
/* sorry if this is a mess... */
@font-face {
font-family: 'Terminus (TTF)';
src: url(fonts/Terminus.ttf) format('truetype'),
url(fonts/Terminus_b.ttf) format('truetype'),
url(fonts/Terminus_i.ttf) format('truetype'),
url(fonts/Terminus_bi.ttf) format('truetype');
}
html {
background-color: #050505;
font-family: 'Terminus (TTF)';
color: white;
overflow-x: hidden;
text-align: center;
}
body {
font-family: 'Terminus (TTF)';
}
.title {
font-size: 18px;
font-style: italic;
}
a {
color: yellow;
text-decoration: none;
margin: 5px;
border: 2px;
}
a:hover {
color: purple;
}

BIN
fonts/fixedsys.ttf Normal file

Binary file not shown.

BIN
images/bg.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -1,11 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<body>
<title>lemon :)</title>
<meta charset="utf-8">
<meta name="description" content="this is lemon's shithole!!!!!!!!!!!">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="ass, butthole, lemon, music, penis">
<title>lemon!!!</title>
<link rel="icon" href="favicon.ico" type="image/gif"><link/>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
</head>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen"/>
</head>
<div class="card">
<!--title-->
<div class="title">
@ -13,30 +17,67 @@
</div>
<!--links-->
<div class="links">
<a href="https://teamomarley.neocities.org" alt="página dedicada a nuestro señor...">marley</a>
<div class="links">
<a href="https://teamomarley.neocities.org" title="página hecha en 2 minutos dedicada a nuestro señor...">marley</a>
|
<a href="webring.html">webring</a>
<a href="webring.html" title="currently under construction">webring</a>
</div>
<div class="pre">
<noscript><p>no tenes js tasjoya hermosa :3</p></noscript>
<p>Welcome to my website, here's some info about me:</p>
</div>
<!--info-->
<div class="info">
<noscript><p>no tenes js tasjoya vieja (y)</p></noscript>
<p>1. The Industrial Revolution and its
consequences have been a disaster for the
human race. They have greatly increased the
life-expectancy of those of us who live in
“advanced” countries, but they have
destabilized society, have made life
unfulfilling, have subjected human beings to
indignities, have led to widespread
psychological suffering (in the Third World to
physical suffering as well) and have inflicted
severe damage on the natural world. The
continued development of technology will
worsen the situation. It will certainly subject
human beings to greater indignities and
inflict greater damage on the natural world,
it will probably lead to greater social
disruption and psychological suffering, and it
may lead to increased physical suffering even
in “advanced” countries.</p>
<p>2. beep boop beep bop pop</p>
</div>
<!--activelinks-->
<!--88x71's-->
<div class="activelinks">
<p>
<a href="https://qorg11.net">
<img style="border:0;width:88px;height:31px;" src="activelinks/qorg.png" alt="el tipo..."></a>
<img style="border:0;width:88px;height:31px;" src="activelinks/qorg.png" title="el tipo..."></a>
<a href="https://debian.org">
<img style="border:0;width:88px;height:31px;" src="activelinks/debian.gif"></a>
<a href="https://neocities.org">
<img style="border:0;width:88px;height:31px;" src="activelinks/neocities.gif"></a>
<a href="https://kernel.org">
<img style="border:0;width:88px;height:31px;" src="activelinks/linux.gif" alt="use linux for the sake of god"></a>
<img style="border:0;width:88px;height:31px;" src="activelinks/linux.gif" title="use linux for the sake of god"></a>
<a href="https://gnu.org/software/emacs">
<img style="border:0;width:88px;height:31px;" src="activelinks/emacs.png" alt="emacs is nice."></a>
<img style="border:0;width:88px;height:31px;" src="activelinks/emacs.png" title="emacs is nice."></a>
<a href="https://c678924.neocities.org" title="muchacho gay">
<img style="border:0;width:88px;height:31px;" src="activelinks/cal.gif">
</a>
<a href="https://soundcloud.com/tocxjo">
<img style="border:0;width:88px;height:31px;" src="activelinks/sc.gif">
</a>
<a href="https://vxempire.xyz">
<img style="border:0;width:88px;height:31px;" src="activelinks/vxempire.png">
</a>
</div>
</div>
<div class="footer">
<footer>/ last edit>>>2021/09/11 /</footer>
</div>
</body>
</html>

75
styles.css Normal file
View File

@ -0,0 +1,75 @@
/* sorry if this is a mess... */
@font-face {
font-family: Terminus;
src: url(fonts/Terminus.ttf) format('truetype'),
url(fonts/Terminus_b.ttf) format('truetype'),
url(fonts/Terminus_i.ttf) format('truetype'),
url(fonts/Terminus_bi.ttf) format('truetype');
}
@font-face {
font-family: fixedsys;
src: url(fonts/fixedsys.ttf) format('truetype');
}
html {
/* background-color: #050505; */
background: url("images/bg.gif");
font-family: fixedsys;
color: white;
overflow-x: hidden;
text-align: center;
}
.card {
width: 45%;
position: sticky;
left: 25%;
border: 2px solid;
border-color: purple;
border-radius: 2px;
padding: 10px;
background: linear-gradient(
35deg,
rgba(10, 10, 10, 0.5),
rgba(128, 0, 128, 1)
200%
);
}
.title {
font-family: Terminus;
font-size: 22px;
font-style: italic;
background-image: linear-gradient(violet, indigo, blue, green, yellow, orange, red);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.5);
transition: 0.5s;
}
.info {
font-size: 16px;
font-family: monospace;
}
a {
color: yellow;
text-decoration: none;
margin: 5px;
border: 2px;
}
a:hover {
background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.1s;
}
.footer {
position: relative;
left: -2%;
padding: 10px;
}