diff --git a/activelinks/bc.gif b/activelinks/bc.gif new file mode 100644 index 0000000..8c51f63 Binary files /dev/null and b/activelinks/bc.gif differ diff --git a/activelinks/cal.gif b/activelinks/cal.gif new file mode 100644 index 0000000..ec0033b Binary files /dev/null and b/activelinks/cal.gif differ diff --git a/activelinks/lastfm.gif b/activelinks/lastfm.gif new file mode 100644 index 0000000..bdf31a7 Binary files /dev/null and b/activelinks/lastfm.gif differ diff --git a/activelinks/sc.gif b/activelinks/sc.gif new file mode 100644 index 0000000..55b7744 Binary files /dev/null and b/activelinks/sc.gif differ diff --git a/activelinks/vxempire.png b/activelinks/vxempire.png new file mode 100644 index 0000000..c39780f Binary files /dev/null and b/activelinks/vxempire.png differ diff --git a/css/styles.css b/css/styles.css deleted file mode 100644 index 9d496bc..0000000 --- a/css/styles.css +++ /dev/null @@ -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; -} diff --git a/fonts/fixedsys.ttf b/fonts/fixedsys.ttf new file mode 100644 index 0000000..ca499e8 Binary files /dev/null and b/fonts/fixedsys.ttf differ diff --git a/images/bg.gif b/images/bg.gif new file mode 100644 index 0000000..dcd654d Binary files /dev/null and b/images/bg.gif differ diff --git a/index.html b/index.html index 5aca902..1337369 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,15 @@ - - lemon :) + + + + + lemon!!! - - + + +
@@ -13,30 +17,67 @@
-
- marley +
+ marley | - webring + webring +
+ +
+ +

Welcome to my website, here's some info about me:

- +

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.

+

2. beep boop beep bop pop

- +

- el tipo... + - use linux for the sake of god + - emacs is nice. + + + + + + + + + + +

+
+ +
+
- diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..ecc8fe2 --- /dev/null +++ b/styles.css @@ -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; +} \ No newline at end of file