just commitingHEAD master

author: golfyado <golfyado@texto-plano.xyz> 2022-07-06 15:32:38 -0400
committer: golfyado <golfyado@texto-plano.xyz> 2022-07-06 15:32:38 -0400
commit: b42324085ceca103341221f29e66f0654786d129 (patch)
tree: f5cc78c0ac1b1194be70478c205e25b96f2ae0bc
parent: 108fa45055e39fb449626385223f31e0eca9d6a5 (diff)
download: paginota-master.tar.gz
4 files changed, 233 insertions, 9 deletions
diff --git a/cute.css b/cute.css
new file mode 100644
index 0000000..6325eb9
--- /dev/null
+++ b/cute.css
@@ -0,0 +1,55 @@
+body {
+    background: #000 url("/shobon.png") no-repeat fixed right bottom;
+    color: #ffd9c6;
+    text-align: center;
+    margin: auto;
+    padding-left: 1em;
+    padding-right: 1em;
+    max-width: 50em;
+    text-shadow: 1px 1px #000, 0 0 10px;
+}
+
+#logo {
+    float: left;
+    padding-right: 1em;
+}
+
+h1, h2, h3 , h4{
+    text-align: left;
+}
+
+h1::after {
+    content:" ♥"
+}
+
+h2::before, h3::before, h4::before {
+    content:"» "
+}
+
+#nav {
+    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
+    box-shadow: 0 0 100px deeppink;
+}
+
+#nav a:link {
+    color: #e39edc;
+    text-decoration: none;
+    outline: inherit;
+}
+
+#nav a:visited, #nav a:active {
+    color: deeppink;
+    text-decoration: underline double;
+    outline: inherit;
+}
+
+.black {
+    background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
+    border: 1px solid deeppink;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+code {
+    border: 1px solid violet;
+}
diff --git a/index.xhtml b/index.xhtml
index 9863cbf..50debea 100644
--- a/index.xhtml
+++ b/index.xhtml
@@ -6,29 +6,41 @@
     <title>Hippie</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="author" content="Angie" />
-    <link rel="stylesheet" type="text/css" href="/ztilo.css" />
+    <link rel="stylesheet" type="text/css" href="/retro.css" />
   </head>
   <body>
+    <div id="nav">
+      <a href="https://plma.plus.st/hpk" title="Fedi">[Fedi]</a>
+      <a href="/some.xhtml" title="Something">[Some]</a>
+      <a href="gemini://hpk.ix.tc" title="Gemini Capsule">[Gem]</a>
+      <a href="/webring.xhtml" title="Webring">[Web]</a>
+    </div>
     <noscript><p>Jabbazkreept no way!</p></noscript>
 	<p><img id="logo" src="rippie.jpg" alt="Hippie flag" title="I'm Hippie, yea" /></p>
     <h1>Angie's site</h1>
-    <div id="sidebar">
-      <a href="hola">[link]</a>
-      <a href="hola">[link]</a>
-      <a href="hola">[link]</a>
-      <a href="hola">[link]</a>
-    </div>
-    <hr />
     <hr />
     <div class="black">
     <p>
       <em>Hey Jude</em>
+      <br />
+      This is one of my favorite songs, it's from The Beatles.
     </p>
+    <p>
+      btw, i have a button from an archive of thebeatles.com
+       <br />
+      Here is:
+    </p>
+      <img src="bitelogo.gif" />
 <!--    <iframe id="left" src="Music" width="300" height="400">
     </iframe> -->
     <p id="medida">
-      hola
+      Do you find this site ugly?
     </p>
+    <p id="medida">
+      well... it's MY WEBSITE
+      <br />
+      so fuck off please, thanks!
+      </p>
     </div>
     <br />
     <hr />
diff --git a/retro.css b/retro.css
new file mode 100644
index 0000000..1810aab
--- /dev/null
+++ b/retro.css
@@ -0,0 +1,85 @@
+body {
+    background-image: url("bgspace.png");
+    background-color: #000;
+    color: #ff8900;
+    text-shadow: 2px 1px #000, 2px 1px 10px;
+    margin: auto;
+    padding-left: 1em;
+    padding-right: 1em;
+    max-width: 50em;
+    background-attachment: fixed;
+}
+
+#nav {
+    background: #000;
+    box-shadow: 0 0 100px #f9690e;
+    border-left: 1px solid darkgreen;
+    border-right: 1px solid darkgreen;
+    border-bottom: 1px solid darkgreen;
+}
+
+#nav a {
+    color: #3333ff;
+    text-decoration: none;
+    outline: inherit;
+}
+
+#nav a:active {
+    color: red;
+    text-decoration: none;
+    outline: inherit;
+}
+
+#nav a:visited {
+    color: red;
+    text-decoration: none;
+    outline: inherit;
+}
+
+.black {
+     background-color: black;
+     padding-left: 10px;
+     padding-right: 10px;
+     border: 1px solid red;
+     box-shadow: 5px 5px 0 red;
+}
+
+.black2 {
+    background-color: black;
+    padding-left: 10px;
+    padding-right: 10px;
+    border: 1px solid orange;
+    box-shadow: 4px 4px 0 orange;
+}
+
+.black a {
+    color: red;
+}
+
+#logo {
+    float: left;
+    padding-right: 1em;
+}
+
+h1 {
+    background-color: #000;
+}
+
+h1:after {
+  content: " ♡";
+  animation: blink 1s infinite;
+}
+
+@keyframes blink {
+  from,
+  to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+#medida {
+    text-align: right;
+}
diff --git a/some.xhtml b/some.xhtml
new file mode 100644
index 0000000..5c484b7
--- /dev/null
+++ b/some.xhtml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <title>Hippie - I'm what I am</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="author" content="Angie" />
+    <link rel="stylesheet" type="text/css" href="/cute.css" />
+  </head>
+  <body>
+    <div id="nav">
+      <a href="https://plma.plus.st/hpk" title="Fedi">[Fedi]</a>
+      <a href="/something.xhtml" title="Something">[Some]</a>
+      <a href="gemini://hpk.ix.tc" title="Gemini Capsule">[Gem]</a>
+      <a href="/webring.xhtml" title="Webring">[Web]</a>
+    </div>
+    <noscript><p>Jabbazkreept no way!</p></noscript>
+    <p>
+      <a href="/">
+	<img id="logo" src="pica.jpeg" alt="Devotion Soul" title="You do you, I don't mind" />
+      </a>
+    </p>
+    <h1>Angie's site</h1>
+    <hr />
+    <div class="black">
+      <h2>About me</h2>
+      <p>
+	hey, uhm i'm a guy called (REDACTED), i do some <em>"Nerd"</em> stuff like:
+      </p>
+      <ul>
+      <li>Making webpages, and doing some CSS</li>
+      <li>Customizing my enviroment</li>
+      <li>Spend a lot of time in XMPP or Matrix</li>
+      <li>Listen to some Good Music</li>
+      </ul>
+      <p>
+	and much more...
+      </p>
+      <p>
+	I'm what someone would describe as an antisocial person
+	<br />
+	I don't like that idea, but I guess that's how i am.
+      </p>
+      <p>
+	I know Spanish, and English for now, I like old music a lot too
+	<br />
+	I know some Shell scripting and some C programming
+	<br />
+	I play guitar (and piano sometimes) so i know musical language too.
+      </p>
+	<span style="color: #090909;">I like Femboys &#62;w&#60; </span>
+      <p>
+	And that's what I am :D
+      </p>
+    </div>
+    <p><br /></p>
+    <div class="black">
+      <h2>Contact</h2>
+      <p>You can do it by:</p>
+      <hr />
+      <h4>XMPP (prefered)</h4>
+      <code>golfyado at nixnet dot services</code>
+      <h4>E-mail</h4>
+      <code>sudoz at sdf dot org</code>
+    </div>
+    <p>
+	Last edited: 2022-07-04, Angie 
+	<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
+    </p>
+    <hr />
+  </body>
+</html>
author	golfyado <golfyado@texto-plano.xyz>	2022-07-06 15:32:38 -0400
committer	golfyado <golfyado@texto-plano.xyz>	2022-07-06 15:32:38 -0400
commit	b42324085ceca103341221f29e66f0654786d129 (patch)
tree	f5cc78c0ac1b1194be70478c205e25b96f2ae0bc
parent	108fa45055e39fb449626385223f31e0eca9d6a5 (diff)
download	paginota-master.tar.gz