website: logo
This commit is contained in:
parent
913b558ebf
commit
fd2faa3661
5 changed files with 37 additions and 8 deletions
|
|
@ -17,9 +17,9 @@
|
|||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CynthoExtraBold';
|
||||
font-family: 'CynthoExtraLight';
|
||||
src:
|
||||
url('/static/font/CynthoNextExtraBold.otf') format('opentype');
|
||||
url('/static/font/CynthoNextExtraLight.otf') format('opentype');
|
||||
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
|
|
@ -82,3 +82,10 @@ img {
|
|||
align-items: center;
|
||||
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 */
|
||||
}
|
||||
BIN
websiteapp/static/img/logo_1.png
Normal file
BIN
websiteapp/static/img/logo_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<!-- Link your custom CSS -->
|
||||
<link rel="stylesheet" href="{% static 'css/styles.css' %}">
|
||||
|
||||
|
||||
<title>GREGGORDINATES</title>
|
||||
|
||||
<!-- Global CSS -->
|
||||
|
|
@ -17,10 +17,20 @@
|
|||
<body>
|
||||
<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;" >
|
||||
GREGGordinates
|
||||
</h1>
|
||||
|
||||
<div class="container">
|
||||
<div class="image">
|
||||
<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>
|
||||
|
||||
{% block content %}
|
||||
|
|
|
|||
|
|
@ -35,4 +35,10 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||
});
|
||||
</script>
|
||||
|
||||
<a href="{% url 'decode' %}">
|
||||
<button>
|
||||
←
|
||||
</button>
|
||||
</a>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,13 @@
|
|||
{% block content %}
|
||||
|
||||
<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>
|
||||
|
||||
<a href="{% url 'encode' %}">
|
||||
<button>
|
||||
←
|
||||
</button>
|
||||
</a>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue