deleted old stuff, made better css and added about

This commit is contained in:
Alie 2023-06-07 19:21:42 +02:00
parent 756b2348ef
commit d4fb27de5a
9 changed files with 138 additions and 146 deletions

View File

@ -4,5 +4,5 @@ from django.urls import path, include
app_name = "personalWebsite" app_name = "personalWebsite"
urlpatterns = [ urlpatterns = [
path('admin/', admin.site.urls), path('admin/', admin.site.urls),
path("webpage/", include("webpage.urls")) path("", include("webpage.urls"))
] ]

View File

@ -1,88 +1,83 @@
@media screen and (min-aspect-ratio: 1) { @media screen and (min-aspect-ratio: 2) {
.centercubeplease{ .centercubeplease {
width: 50%; width: 50%;
} }
} }
body{ body {
background-color: #FFFFFF; background-color: #ffffff;
color: #000000; color: #000000;
font-size: 16px; font-size: 16px;
} }
#index{ #index {
background-image: url("background/index.png"); background-image: url("background/index.png");
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }
#index .centercubeplease{ #index .centercubeplease {
background-color: #5F8E76; background-color: #5f8e76;
border: 3px solid #527C46; border: 3px solid #527c46;
margin: auto; margin: auto;
padding: 10px; padding: 10px;
} }
#index a{ #index a {
color: #F0F0F0; color: #f0f0f0;
} }
.centercubeplease img{ .centercubeplease img {
max-width: 95%; max-width: 95%;
} }
#about{ #about {
background-image: url("background/about.png"); background-image: url("background/about.png");
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }
#about a{ #about a {
color: #FFF0F0; color: #fff0f0;
} }
#about .centercubeplease{ #about .centercubeplease {
color: #FFF0F0; color: #fff0f0;
background-color: #990033; background-color: #990033;
border: 3px solid #cc0066; border: 3px solid #c9c8c8;
margin: auto; margin: auto;
padding: 10px; padding: 10px;
} }
h1, #about h2, #about h3{ h1{
text-align: center; text-align: center;
} }
h1, h2, h3{ ul{
text-align: left;
}
h1,
h2,
h3 {
margin-bottom: 0; margin-bottom: 0;
} }
p{ .centerade {
margin-top: 0;
}
.centerade{
width: 50%; width: 50%;
margin: auto; margin: auto;
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
} }
.centerade img{ .centerade img {
width: 99%; width: 99%;
} }
.centercubeplease a{ .centercubeplease a {
color: #449494; color: #449494;
} }
.pointless{ .disclosure-closed {
list-style-type: none; list-style: disclosure-closed;
margin: 0;
padding: 0;
}
.hightlightpurple{
background-color:#C00066;
color:#FFFFFF
} }

View File

@ -1,20 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> {% include "head.html" %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Bizcochito</title>
<link href="style.css" rel="stylesheet">
<link href="icon.png" rel="icon">
</head>
<body id="about"> <body id="about">
<div class="centercubeplease"> <div class="centercubeplease">
<h1>So hey, you want to know more about me. Here u have!</h1> <h1>So hey, you want to know more about me. Here u have!</h1>
<div class="centercubeplease2"> <div class="centerade">
<p>A thing i need to say is that this page one day could be deprecated bc of me just not remembering to change anything.</p> <p>
A thing i need to say is that this page one day could be deprecated bc
of me just not remembering to change anything.
</p>
<h2>Index</h2> <h2>Index</h2>
<ul> <ul class="disclosure-closed">
<li><a href="#how">How to adress me</a></li> <li><a href="#how">How to adress me</a></li>
<li><a href="#who">Who i am</a></li> <li><a href="#who">Who i am</a></li>
<li><a href="#what">What i am</a></li> <li><a href="#what">What i am</a></li>
@ -23,44 +20,60 @@
<h2 id="how">How to adress me</h2> <h2 id="how">How to adress me</h2>
<p> <p>
So first of all if you are not gonna adress me directly or you don't know me yet just call me Bizcochito!<br/> So first of all if you are not gonna adress me directly or you don't
know me yet just call me Bizcochito!<br />
</p> </p>
<h3>You can call me:</h3> <h3>You can call me:</h3>
<ul> <ul class="disclosure-closed">
<li>Yari</li> <li>Yari</li>
<li>Alicia</li> <li>Alicia</li>
<li>Maria</li> <li>Maria</li>
<li>Bizcochito</li> <li>Bizcochito</li>
</ul> </ul>
<p>Also if you are gonna "pronoun" me, please think before if u can just use the name "Yari" that is literaly like "They" long.</p> <p>
<h3>If you insist in using pronouns you can use this<strong>(in order of preference)</strong>:</h3> Also if you are gonna "pronoun" me, please think before if u can just
<ul> use the name "Yari" that is literaly like "They" long.
<li><strong>My names</strong></li> </p>
<li>It</li> <h3>
<li>They</li> If you insist in using pronouns you can use this
<li>*neoponouns*</li> <b> (in order of preference) </b> :
<li>She</li> </h3>
<ul class="disclosure-closed">
<li><b>My names</b></li>
<li>Literally anything but he</li>
</ul> </ul>
<h2 id="who">Who i am</h2> <h2 id="who">Who i am</h2>
<p> <p>Existential question i have yet not answered</p>
</p>
<h2 id="what">What i am</h2> <h2 id="what">What i am</h2>
<p> <p></p>
</p>
<h2 id="where">Where to contact me</h2> <h2 id="where">Where to contact me</h2>
<ul class="pointless"> <div class="centerade">
<li><a href="xmpp:bizcochito@fai.st"><img style='border:0px;height:36px;' src='https://xmpp.org/images/logos/xmpp-logo.svg' alt='XMPP' /></a></li> <a href="xmpp:bizcochito@fai.st">
<li><a href="mailto:bizcochito@anartist.org"><img style='border:0px;height:36px;' src='https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/%28at%29.svg/170px-%28at%29.svg.png' alt='Personal Mail'/></a><a href="pgpkey.txt">PGP key</a></li> <img
<li><a href="https://sweet.succubi.services/MeDueleLaTeta"><img style='border:0px;height:36px;' src='https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg' alt='Pleroma' /></a></li> style="border: 0px; height: 36px; width: auto"
<li><a href="/">IDK return back</a></li> src="https://xmpp.org/images/logos/xmpp-logo.svg"
</ul> alt="XMPP" />
</a>
<a href="mailto:bizcochito@anartist.org">
<img
style="border: 0px; height: 36px; width: auto"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/%28at%29.svg/170px-%28at%29.svg.png"
alt="Personal Mail" />
</a>
<a href="https://awoo.fai.st/MeDueleLaTeta">
<img
style="border: 0px; height: 36px; width: auto"
src="https://upload.wikimedia.org/wikipedia/commons/9/93/Fediverse_logo_proposal.svg"
alt="Pleroma" />
</a>
</div> </div>
</div>
<a href="/">IDK return back</a>
</div> </div>
</body> </body>
</html> </html>

View File

@ -0,0 +1,24 @@
{% load static %}
<div class="centerade">
<div>
<a href="https://fediring.net/previous?host=yari.fai.st">
<img
style="height: 30px; width: auto"
src="{% static 'icons/last.png' %}"
alt="LAST" />
</a>
<a href="https://fediring.net/">
<img
style="height: 30px; width: auto"
src="{% static 'icons/fediring.png' %}"
alt="FEDIRING" />
</a>
<a href="https://fediring.net/next?host=yari.fai.st">
<img
style="height: 30px; width: auto"
src="{% static 'icons/next.png' %}"
alt="NEXT" />
</a>
</div>
<p>Fediring links</p>
</div>

View File

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>THE INDEX</title>
<link href="style.css" rel="stylesheet">
<link href="icon.png" rel="icon">
</head>
<body id="index">
<div class="centercubepleaseind" style="text-align: center">
Funni gifs<br/>
<a href=""><img style="height: 50px;" src="gif/banana.gif" alt="Dancing banana"></a>
<a href="videos/hatkid.mp4"><img style="height: 50px;" src="gif/hatkid.gif" alt="Hat kid"></a>
<a href=""><img style="height: 50px;" src="gif/blobcat.gif" alt="Dancing blobcat"></a>
<a href=""><img style="height: 50px;" src="gif/cassette.gif" alt="Cute Cassette"></a>
<a href=""><img style="height: 50px;" src="gif/parrot.gif" alt="Dancing parrot"></a>
<a href=""><img style="height: 50px;" src="gif/pumpum.gif" alt="Pumpum being patted"></a>
<a href=""><img style="height: 50px;" src="gif/xd.gif" alt="XD"></a>
<a href="videos/gotyewokeuplikethisaliens-aq2w_Zm2K3c.mp4"><img src="gif/Im-not-a-robot.gif" alt="Im, not a robot"></a>
<a href=""><img src="gif/milk.png" alt="Milk gal"></a>
<br>
<a href=""><img src="gif/enby.gif" alt="Enby to death"></a>
</div>
</body>
</html>

View File

@ -0,0 +1,10 @@
{% load static %}
<head>
<link
rel="stylesheet"
href="{% static 'style.css' %}" />
<link
rel="icon"
href="{% static 'icon.png' %}" />
<title>{{ title }}</title>
</head>

View File

@ -1,47 +1,19 @@
{% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> {% include "head.html" %}
{% load static %}
<link rel="stylesheet" href="{% static 'style.css' %}" />
<title>THE INDEX</title>
<link rel="icon" href="{% static 'icon.png' %}" />
</head>
<body id="index"> <body id="index">
<div class="centerade"> {% include "fediring.html" %}
<a href="https://fediring.net/previous?host=yari.fai.st"
><img
style="height: 30px; width: auto"
src="{% static 'icons/last.png' %}"
alt="LAST"
/></a>
<a href="https://fediring.net/"
><img
style="height: 30px; width: auto"
src="{% static 'icons/fediring.png' %}"
alt="FEDIRING"
/></a>
<a href="https://fediring.net/next?host=yari.fai.st"
><img
style="height: 30px; width: auto"
src="{% static 'icons/next.png' %}"
alt="NEXT"
/></a>
<br />Fediring links
</div>
<div id="noscript"> <div id="noscript">
<div class="centercubeplease"> <div class="centercubeplease">
<h1>I'm bizcochito, hey!</h1> <h1>I'm bizcochito, hey!</h1>
<h2>-Pages:</h2> <h2>-Pages:</h2>
<p> <ul class="disclosure-closed">
<a href="about/">-About me</a><br /> <li><a href="about/">About me</a></li>
<a href="funni/">-Gifs</a><br /> <li><a href="book/">Signbook</a></li>
</p> </ul>
<h2>-Extra stuf</h2>
<p>
<a href="book/">-Signbook</a>
</p>
<h2>-Funni gifs</h2> <h2>-Funni gifs</h2>
<p> <div class="img">
{% for gif in gif_list %} {% for gif in gif_list %}
<img <img
style="max-height: 50px; width: auto" style="max-height: 50px; width: auto"
@ -49,9 +21,9 @@
alt="{{gif.url}}" alt="{{gif.url}}"
/> />
{% endfor %} {% endfor %}
</p> </div>
<h2>-Frens:</h2> <h2>-Frens:</h2>
<p> <div class="img">
{% for banner in banner_list %} {% for banner in banner_list %}
<a href="https://{{banner.url}}"><img <a href="https://{{banner.url}}"><img
style="height: 31px; width: auto" style="height: 31px; width: auto"
@ -59,21 +31,21 @@
alt="{{banner.url}}" alt="{{banner.url}}"
/></a> /></a>
{% endfor %} {% endfor %}
</p> </div>
<h2>-Me in other places:</h2> <h2>-Me in other places:</h2>
<p> <div class="img">
<a href="http://cronut.cafe/~bizcochito" <a href="http://cronut.cafe/~bizcochito"
><img ><img
src="{% static 'icons/coconut.png' %}" src="{% static 'icons/coconut.png' %}"
alt="cronut.cafe/~bizcochito" alt="cronut.cafe/~bizcochito"
/></a> /></a>
</p> </div>
<h2>-NEW BANNER:</h2> <h2>-NEW BANNER:</h2>
<p> <div class="img">
<a href="https://yari.fai.st" <a href="https://yari.fai.st"
><img src="{% static 'icons/bizcochito.gif' %}" alt="yari.fai.st" ><img src="{% static 'icons/bizcochito.gif' %}" alt="yari.fai.st"
/></a> /></a>
</p> </div>
</div> </div>
<div class="centerade"> <div class="centerade">
<a><img src="{% static "ads/hor/" %}{{ad}}" /></a> <a><img src="{% static "ads/hor/" %}{{ad}}" /></a>

View File

@ -4,5 +4,6 @@ from . import views
app_name = "webpage" app_name = "webpage"
urlpatterns = [ urlpatterns = [
path("about/", views.about, name="about"),
path("", views.index, name="index"), path("", views.index, name="index"),
] ]

View File

@ -1,8 +1,6 @@
from typing import Dict, Tuple
from django.http import HttpResponseNotFound from django.http import HttpResponseNotFound
from django.shortcuts import render from django.shortcuts import render
import os, random import os, random
from django.template import Context
def image_dict_from_name_list(name_list: list[str]): def image_dict_from_name_list(name_list: list[str]):
dict_list = [] dict_list = []
@ -29,9 +27,13 @@ def index(request):
return HttpResponseNotFound() return HttpResponseNotFound()
else: else:
context = { context = {
"title": "THE INDEX",
"ad": ad, "ad": ad,
"banner_list": banner_list, "banner_list": banner_list,
"gif_list": gif_list "gif_list": gif_list
} }
return render(request, return render(request,
"index.html", context) "index.html", context)
def about(request):
return render(request, "about.html", {"title": "About Me"})