Merge branch 'website_frontend' into website

This commit is contained in:
Oliver Gaskell 2025-11-02 14:52:20 +00:00
commit bafd1cb196
No known key found for this signature in database
GPG key ID: F971A08925FCC0AD
3 changed files with 12 additions and 10 deletions

View file

@ -20,7 +20,7 @@
body { body {
background-color:rgba(250, 184, 0); background-color:rgba(250, 184, 0);
color: #006cab; color: #006cab;
font-size: 20px; font-size: 25px;
font-family: "CynthoRegular", sans-serif;; font-family: "CynthoRegular", sans-serif;;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -30,7 +30,7 @@ body {
button { button {
background-color: rgba(0, 108, 171); background-color: rgba(0, 108, 171);
color: rgba(250, 184, 0); color: rgba(250, 184, 0);
font-size: 20px; font-size: 30px;
font-family: "CynthoRegular", sans-serif; font-family: "CynthoRegular", sans-serif;
font-weight: bold; font-weight: bold;
padding: 25px 25px; padding: 25px 25px;
@ -47,7 +47,7 @@ button {
} }
textarea { textarea {
width: 80%; width: 800px;;
height: 300px; height: 300px;
padding: 12px; padding: 12px;
box-sizing: border-box; box-sizing: border-box;
@ -64,10 +64,12 @@ textarea {
display: flex; /* places buttons side-by-side */ display: flex; /* places buttons side-by-side */
justify-content: center; /* centers them horizontally */ /* aligns vertically */ justify-content: center; /* centers them horizontally */ /* aligns vertically */
gap: 15px; gap: 15px;
margin-top: 10px; margin-top: 0px;
} }
img { img {
display: block;
margin: 0 auto;
align-items: center; align-items: center;
width: 80%; width: 650px;
} }

View file

@ -17,7 +17,7 @@
<body> <body>
<br> <br>
<br> <br>
<h1 style="color:#ffffff ; margin-top: 20px; margin-bottom: 10px; <h1 style="color:#ffffff; font-size: 60px; margin-top: 20px; margin-bottom: 10px;
letter-spacing: 1.5px;" > letter-spacing: 1.5px;" >
GREGGordinates GREGGordinates
</h1> </h1>

View file

@ -2,8 +2,8 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<br><br>
<img src="{% static 'img/drawing.png' %}" alt="Cute map drawing" id="homepageimage"> <img src="{% static 'img/drawing.png' %}" alt="Cute map drawing">
<div class="btn-group"> <div class="btn-group">
<a href="{% url 'encode' %}"> <a href="{% url 'encode' %}">
@ -19,7 +19,7 @@
display: flex; /* places buttons side-by-side */ display: flex; /* places buttons side-by-side */
justify-content: center; /* centers them horizontally */ justify-content: center; /* centers them horizontally */
align-items: center; /* aligns vertically */ align-items: center; /* aligns vertically */
gap: 30px; gap: 40px;
margin-top: 0px; margin-top: 0px;
} }
@ -28,7 +28,7 @@
} }
.btn-group button { .btn-group button {
padding: 40px 40px; padding: 30px 50px;
font-size:25px; font-size:25px;
margin-top: 0px; margin-top: 0px;
} }