website: logo

This commit is contained in:
Elysia 2025-11-02 15:34:35 +00:00
parent 913b558ebf
commit fd2faa3661
5 changed files with 37 additions and 8 deletions

View file

@ -17,9 +17,9 @@
} }
@font-face { @font-face {
font-family: 'CynthoExtraBold'; font-family: 'CynthoExtraLight';
src: src:
url('/static/font/CynthoNextExtraBold.otf') format('opentype'); url('/static/font/CynthoNextExtraLight.otf') format('opentype');
font-weight: 900; font-weight: 900;
font-style: normal; font-style: normal;
@ -82,3 +82,10 @@ img {
align-items: center; align-items: center;
width: 650px; width: 650px;
} }
.container {
display: flex; /* places items in a row */
align-items: center; /* vertically centers image and text */
justify-content: center; /* centers the whole thing horizontally */
gap: 10px; /* space between image and text */
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -17,10 +17,20 @@
<body> <body>
<br> <br>
<br> <br>
<h1 style="color:#ffffff; font-size: 60px; margin-top: 20px; margin-bottom: 10px; font-family: CynthoBold; font-weight: bold;
letter-spacing: 1.5px;" > <div class="container">
GREGGordinates <div class="image">
</h1> <img src="{% static 'img/logo_1.png' %}" alt="cute logo" style="width:50px;height:50px;">
</div>
<div class="text">
<h1 style="color:#ffffff; font-size: 60px; margin-top: 20px; margin-bottom: 10px; font-family:CynthoRegular; font-weight: bold;
letter-spacing: 1.5px;" >
GREGGordinates
</h1>
</div>
</div>
<p> "Everything is relative to greggs, and only that is absolute." </p> <p> "Everything is relative to greggs, and only that is absolute." </p>
{% block content %} {% block content %}

View file

@ -35,4 +35,10 @@ document.addEventListener("DOMContentLoaded", function () {
}); });
</script> </script>
<a href="{% url 'decode' %}">
<button>
</button>
</a>
{% endblock %} {% endblock %}

View file

@ -3,7 +3,13 @@
{% block content %} {% block content %}
<div width="100%"> <div width="100%">
<p width="80%" style="border-radius: 10px; border: 1px solid black; background-color: rgba(192, 192, 192, 0.5); max-width: 500px; margin: 0 auto; padding: 20px; word-wrap:break-word;"> {{ result }} </p> <p width="80%" style="border-radius: 10px; border: 3px solid rgba(0, 108, 171); background-color: rgb(255, 199, 44); max-width: 500px; margin: 0 auto; padding: 20px; word-wrap:break-word;"> {{ result }} </p>
</div> </div>
<a href="{% url 'encode' %}">
<button>
</button>
</a>
{% endblock %} {% endblock %}