Juli/pages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

automatic commit

Browse source
This commit is contained in:
Juli 2024-07-28 02:08:24 +03:00
parent 6cdfa16c78
commit 9b05a4cad5
2 changed files with 121 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
index.html Normal file
View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>cat README.md</title>
<link rel="stylesheet" href="style.css">
<meta content="cat /home/juli/about_me/README.md" property="og:title" />
<meta content="Juli's about page" property="og:description" />
<meta content="#fa20b1" data-react-helmet="true" name="theme-color"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:site" content="https://about.julimiro.eu" />
<meta name="twitter:title" content="cat /home/juli/about_me/README.md" />
<meta name="twitter:description" content="Juli's about page" />
</head>
<body>
<div class="main">
<span id="prompt_name">juli@meowcity</span>:<span id="path">~/about_me$</span> cat README.md<br>
<br>
Hi! <br>
I am Juli a pan Finnish furry of some gender(i dont know) from '09(thats 14 years old). I go by Juli or Julimiro, any pronouns are fine.<br>
<br>
&lt;<a target="_blank" href="https://julimiro.eu">https://julimiro.eu</a>&gt;<br>
&lt;<a target="_blank" href="https://eepykitty.lol/@juli">https://eepykitty.lol/@juli</a>&gt;<br>
&lt;<a target="_blank" href="https://www.last.fm/user/Julimiro">https://www.last.fm/user/Julimiro</a>&gt;<br>
&lt;<a target="_blank" href="https://lemmy.blahaj.zone/u/Juli">https://lemmy.blahaj.zone/u/Juli</a>&gt;<br>
<br>
<br>
<br>
Meow
</div>
</body>
</html>

88
style.css Normal file
View file

@ -0,0 +1,88 @@
body {
background-color: rgb(0, 27, 41);
/* */
color: rgb(255, 255, 255);
font-family: "Roboto Mono", monospace
}
.container {
position: relative
}
.header {
position: relative;
left: 50%;
top: 0%;
transform: translateX(-50%);
text-align: center
}
.header ul {
text-decoration: none;
list-style-type: none
}
.header h1 {
font-size: 3em
}
.header a {
font-size: 1.25em;
margin: 2px;
color: rgb(255, 255, 255);
text-decoration: none
}
.button {
font-family: "Roboto Mono", monospace;
background-color: #008cba;
border: none;
color: #fff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer
}
.button:hover {
font-family: "Roboto Mono", monospace;
background-color: #006384;
border: none;
color: #fff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer
}
.main {
position: relative;
top: 20%;
left: 50%;
transform: translate(-50%,20%);
text-align: center;
width: 60%;
border-width: 2px;
border-style: solid;
padding: 30px;
text-align: left;
background-color: #000;
}
a {
color: #FFF;
}
#prompt_name {
color: #14A10C;
}
#path {
color: #3B78FE;
}