Main site structure with first uni quiz
This commit is contained in:
1
templates/about.html
Normal file
1
templates/about.html
Normal file
@ -0,0 +1 @@
|
||||
{% extends "main.html" %}
|
||||
1
templates/git.html
Normal file
1
templates/git.html
Normal file
@ -0,0 +1 @@
|
||||
{% extends "main.html" %}
|
||||
35
templates/home.html
Normal file
35
templates/home.html
Normal file
@ -0,0 +1,35 @@
|
||||
{% extends "main.html" %}
|
||||
{% block content %}
|
||||
<main class="main">
|
||||
<div class="intro">
|
||||
Welcome to my portfolio! I'm a passionate Computer Science Engineer dedicated to crafting innovative and efficient digital solutions.
|
||||
Feel free to explore my projects, read my blogs, and learn more about me and my work.
|
||||
</div>
|
||||
<div class="quote">"Programs must be written for people to read, and only incidentally for machines to execute."</div>
|
||||
<div class="author">– Harold Abelson</div>
|
||||
<div class="card-container">
|
||||
<div class="card">
|
||||
<img src="profile.jpg" alt="Post Image">
|
||||
<h3>Post Title 1</h3>
|
||||
<div class="date">January 5, 2025</div>
|
||||
<p>Explore the basics of computer science and its applications in the modern world.</p>
|
||||
<a href="#post1">Read More</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="profile.jpg" alt="Post Image">
|
||||
<h3>Post Title 2</h3>
|
||||
<div class="date">January 6, 2025</div>
|
||||
<p>Dive into advanced programming concepts and learn the secrets of clean code.</p>
|
||||
<a href="#post2">Read More</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="profile.jpg" alt="Post Image">
|
||||
<h3>Post Title 3</h3>
|
||||
<div class="date">January 7, 2025</div>
|
||||
<p>Discover the latest trends in AI and machine learning and their impact on society.</p>
|
||||
<a href="#post3">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock %}
|
||||
33
templates/main.html
Normal file
33
templates/main.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>My Portfolio</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<!-- Header Section -->
|
||||
<header class="header">
|
||||
<div class="brand">Computer Science Engineer</div>
|
||||
<div class="name">Máté Gosztolya's personal website</div>
|
||||
<nav>
|
||||
<a href="{{ url_for('home') }}">Home</a>
|
||||
<a href="{{ url_for('git') }}">Git</a>
|
||||
<a href="{{ url_for('projects') }}">Projects</a>
|
||||
<a href="{{ url_for('uni') }}">UNI</a>
|
||||
<a href="{{ url_for('about') }}">About</a>
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer class="footer">
|
||||
© 2025 Máté Gosztolya's Portfolio. All rights reserved. | <a href="#contact">Get in Touch</a>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1
templates/projects.html
Normal file
1
templates/projects.html
Normal file
@ -0,0 +1 @@
|
||||
{% extends "main.html" %}
|
||||
54
templates/uni/uni.html
Normal file
54
templates/uni/uni.html
Normal file
@ -0,0 +1,54 @@
|
||||
{% extends "main.html" %}
|
||||
{% block content%}
|
||||
<style>
|
||||
.card-buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.card-buttons .btn {
|
||||
padding: 12px 24px;
|
||||
font-size: 1rem;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: transform 0.3s ease, background 0.3s ease;
|
||||
width: 100%;
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
.card-buttons .btn {
|
||||
background: linear-gradient(to right, #5a0fb8, #1f65d6);
|
||||
}
|
||||
|
||||
.card-buttons .btn:hover {
|
||||
background: linear-gradient(to right, #1f65d6, #5a0fb8);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
</style>
|
||||
<main class="main">
|
||||
<div class="card">
|
||||
<img src="{{ url_for('static', filename='images/uni/portalfejlesztes-logo.png')}}" alt="Post Image">
|
||||
<h3>Portálfejlesztés .Net ben</h3>
|
||||
<div class="date">January 10, 2025</div>
|
||||
<p>
|
||||
This test is made for SZE University students to practice. Be aware that the test might become outdated
|
||||
as the course material may change in the future. In case of modifications or incorrect answers, please contact me!
|
||||
</p>
|
||||
<div class="card-buttons">
|
||||
<form method="GET" action="{{ url_for('portalfejlesztes_net_ben.allquestions') }}">
|
||||
<button class="btn display-questions" type="submit">Display Questions</button>
|
||||
</form>
|
||||
<form method="POST" action="{{ url_for('portalfejlesztes_net_ben.quiz') }}">
|
||||
<button class="btn start-quiz" type="submit">Start Quiz</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user