deleted old stuff, made better css and added about
This commit is contained in:
parent
756b2348ef
commit
d4fb27de5a
|
|
@ -4,5 +4,5 @@ from django.urls import path, include
|
|||
app_name = "personalWebsite"
|
||||
urlpatterns = [
|
||||
path('admin/', admin.site.urls),
|
||||
path("webpage/", include("webpage.urls"))
|
||||
path("", include("webpage.urls"))
|
||||
]
|
||||
|
|
@ -1,88 +1,83 @@
|
|||
@media screen and (min-aspect-ratio: 1) {
|
||||
.centercubeplease{
|
||||
@media screen and (min-aspect-ratio: 2) {
|
||||
.centercubeplease {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #FFFFFF;
|
||||
body {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#index{
|
||||
background-image: url("background/index.png");
|
||||
#index {
|
||||
background-image: url("background/index.png");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#index .centercubeplease{
|
||||
background-color: #5F8E76;
|
||||
border: 3px solid #527C46;
|
||||
#index .centercubeplease {
|
||||
background-color: #5f8e76;
|
||||
border: 3px solid #527c46;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#index a{
|
||||
color: #F0F0F0;
|
||||
#index a {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
.centercubeplease img{
|
||||
.centercubeplease img {
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
#about{
|
||||
#about {
|
||||
background-image: url("background/about.png");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#about a{
|
||||
color: #FFF0F0;
|
||||
#about a {
|
||||
color: #fff0f0;
|
||||
}
|
||||
|
||||
#about .centercubeplease{
|
||||
color: #FFF0F0;
|
||||
#about .centercubeplease {
|
||||
color: #fff0f0;
|
||||
background-color: #990033;
|
||||
border: 3px solid #cc0066;
|
||||
border: 3px solid #c9c8c8;
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
h1, #about h2, #about h3{
|
||||
h1{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1, h2, h3{
|
||||
ul{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.centerade{
|
||||
.centerade {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.centerade img{
|
||||
.centerade img {
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
.centercubeplease a{
|
||||
.centercubeplease a {
|
||||
color: #449494;
|
||||
}
|
||||
|
||||
.pointless{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.hightlightpurple{
|
||||
background-color:#C00066;
|
||||
color:#FFFFFF
|
||||
.disclosure-closed {
|
||||
list-style: disclosure-closed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,66 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<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>
|
||||
{% include "head.html" %}
|
||||
<body id="about">
|
||||
<div class="centercubeplease">
|
||||
<h1>So hey, you want to know more about me. Here u have!</h1>
|
||||
<div class="centercubeplease2">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<h2>Index</h2>
|
||||
<ul>
|
||||
<ul class="disclosure-closed">
|
||||
<li><a href="#how">How to adress me</a></li>
|
||||
<li><a href="#who">Who i am</a></li>
|
||||
<li><a href="#what">What i am</a></li>
|
||||
<li><a href="#where">Where to contact me</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<h2 id="how">How to adress me</h2>
|
||||
<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>
|
||||
<h3>You can call me:</h3>
|
||||
<ul>
|
||||
<ul class="disclosure-closed">
|
||||
<li>Yari</li>
|
||||
<li>Alicia</li>
|
||||
<li>Maria</li>
|
||||
<li>Bizcochito</li>
|
||||
</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>
|
||||
<h3>If you insist in using pronouns you can use this<strong>(in order of preference)</strong>:</h3>
|
||||
<ul>
|
||||
<li><strong>My names</strong></li>
|
||||
<li>It</li>
|
||||
<li>They</li>
|
||||
<li>*neoponouns*</li>
|
||||
<li>She</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="who">Who i am</h2>
|
||||
|
||||
<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>
|
||||
|
||||
<h2 id="what">What i am</h2>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
|
||||
<h2 id="where">Where to contact me</h2>
|
||||
<ul class="pointless">
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<li><a href="/">IDK return back</a></li>
|
||||
<h3>
|
||||
If you insist in using pronouns you can use this
|
||||
<b> (in order of preference) </b> :
|
||||
</h3>
|
||||
<ul class="disclosure-closed">
|
||||
<li><b>My names</b></li>
|
||||
<li>Literally anything but he</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="who">Who i am</h2>
|
||||
<p>Existential question i have yet not answered</p>
|
||||
|
||||
<h2 id="what">What i am</h2>
|
||||
<p></p>
|
||||
|
||||
<h2 id="where">Where to contact me</h2>
|
||||
<div class="centerade">
|
||||
<a href="xmpp:bizcochito@fai.st">
|
||||
<img
|
||||
style="border: 0px; height: 36px; width: auto"
|
||||
src="https://xmpp.org/images/logos/xmpp-logo.svg"
|
||||
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>
|
||||
|
||||
<a href="/">IDK return back</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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/I‘m-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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -1,47 +1,19 @@
|
|||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{% load static %}
|
||||
<link rel="stylesheet" href="{% static 'style.css' %}" />
|
||||
<title>THE INDEX</title>
|
||||
<link rel="icon" href="{% static 'icon.png' %}" />
|
||||
</head>
|
||||
{% include "head.html" %}
|
||||
<body id="index">
|
||||
<div class="centerade">
|
||||
<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>
|
||||
{% include "fediring.html" %}
|
||||
<div id="noscript">
|
||||
<div class="centercubeplease">
|
||||
<h1>I'm bizcochito, hey!</h1>
|
||||
<h2>-Pages:</h2>
|
||||
<p>
|
||||
<a href="about/">-About me</a><br />
|
||||
<a href="funni/">-Gifs</a><br />
|
||||
</p>
|
||||
<h2>-Extra stuf</h2>
|
||||
<p>
|
||||
<a href="book/">-Signbook</a>
|
||||
</p>
|
||||
<ul class="disclosure-closed">
|
||||
<li><a href="about/">About me</a></li>
|
||||
<li><a href="book/">Signbook</a></li>
|
||||
</ul>
|
||||
<h2>-Funni gifs</h2>
|
||||
<p>
|
||||
<div class="img">
|
||||
{% for gif in gif_list %}
|
||||
<img
|
||||
style="max-height: 50px; width: auto"
|
||||
|
|
@ -49,9 +21,9 @@
|
|||
alt="{{gif.url}}"
|
||||
/>
|
||||
{% endfor %}
|
||||
</p>
|
||||
</div>
|
||||
<h2>-Frens:</h2>
|
||||
<p>
|
||||
<div class="img">
|
||||
{% for banner in banner_list %}
|
||||
<a href="https://{{banner.url}}"><img
|
||||
style="height: 31px; width: auto"
|
||||
|
|
@ -59,21 +31,21 @@
|
|||
alt="{{banner.url}}"
|
||||
/></a>
|
||||
{% endfor %}
|
||||
</p>
|
||||
</div>
|
||||
<h2>-Me in other places:</h2>
|
||||
<p>
|
||||
<div class="img">
|
||||
<a href="http://cronut.cafe/~bizcochito"
|
||||
><img
|
||||
src="{% static 'icons/coconut.png' %}"
|
||||
alt="cronut.cafe/~bizcochito"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
<h2>-NEW BANNER:</h2>
|
||||
<p>
|
||||
<div class="img">
|
||||
<a href="https://yari.fai.st"
|
||||
><img src="{% static 'icons/bizcochito.gif' %}" alt="yari.fai.st"
|
||||
/></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="centerade">
|
||||
<a><img src="{% static "ads/hor/" %}{{ad}}" /></a>
|
||||
|
|
|
|||
|
|
@ -4,5 +4,6 @@ from . import views
|
|||
|
||||
app_name = "webpage"
|
||||
urlpatterns = [
|
||||
path("about/", views.about, name="about"),
|
||||
path("", views.index, name="index"),
|
||||
]
|
||||
|
|
@ -1,8 +1,6 @@
|
|||
from typing import Dict, Tuple
|
||||
from django.http import HttpResponseNotFound
|
||||
from django.shortcuts import render
|
||||
import os, random
|
||||
from django.template import Context
|
||||
|
||||
def image_dict_from_name_list(name_list: list[str]):
|
||||
dict_list = []
|
||||
|
|
@ -29,9 +27,13 @@ def index(request):
|
|||
return HttpResponseNotFound()
|
||||
else:
|
||||
context = {
|
||||
"title": "THE INDEX",
|
||||
"ad": ad,
|
||||
"banner_list": banner_list,
|
||||
"gif_list": gif_list
|
||||
}
|
||||
return render(request,
|
||||
"index.html", context)
|
||||
|
||||
def about(request):
|
||||
return render(request, "about.html", {"title": "About Me"})
|
||||
|
|
|
|||
Loading…
Reference in New Issue