elukjanovica
/
Picture-Puzzle-website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

main
elukjanovica 2024-04-20 07:34:38 +03:00
parent 95093eee27
commit 0dd7a0960d
5 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/main.css
View File

@ -144,6 +144,13 @@ nav .dropdown a::before {
display: none;
}
.simple-text {
width: 70%;
text-align: center;
font-size: 20px;
margin: 0 auto;
}
/* Content Section */
.content {
padding: 30px;
@ -153,7 +160,7 @@ h2 {
font-style: italic;
}
/* Other */
/* Featured and latest posts */
.featured-posts-container,
.latest-posts-container {
display: flex;

BIN
static/favicon.ico 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/images/icon.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

3
templates/base.html
View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Picture Puzzle Website{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css') }}">
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<script src="https://kit.fontawesome.com/65669fdef7.js" crossorigin="anonymous"></script>
</head>
<body>
@ -12,7 +13,7 @@
<div class="logo-container">
<a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='images/Picture-Puzzle-logo.png') }}" alt="Picture Puzzle website logo"></a>
<div class="gif-container">
<img src="{{ url_for('static', filename='images/bird.gif') }}" class="clickable" aria-label="Copy game link">
<img src="{{ url_for('static', filename='images/bird.gif') }}" class="clickable" aria-label="Copy game link" alt="Bird">
<span class="tooltiptext" id="copyNotification">Get link to game</span>
</div>
</div>

4
templates/index.html
View File

@ -9,8 +9,8 @@
{% endblock %}
{% block content %}
<section class="text">
<p>Welcome to Picture Puzzle remake web! Here you can see game updates, articles, and more.</p>
<section class="simple-text">
<p>Welcome to 'Picture Puzzle remake' website! Here you can see all game updates, articles, and more. If you want to download the latest version of game, just ask that bird on top :)</p>
</section>
<section class="featured-posts">