-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (89 loc) · 5.29 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="StudyTools - Twoje ulubione narzędzia do nauki w jednym miejscu">
<title id="page-title">StudyTools - Narzędzia dla Studentów</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Favicon -->
<!-- Author of the icon: rsetiawan -->
<link rel="icon" href="photos/favicon.ico" type="image/x-icon">
</head>
<body>
<header class="header">
<div class="container">
<h1 id="header-title">StudyTools</h1>
<p id="header-description">Twoje ulubione narzędzia do nauki w jednym miejscu</p>
</div>
</header>
<main>
<section class="about-section">
<div class="container about-container">
<div class="about-content">
<h2>O StudyTools</h2>
<p>StudyTools to zbiór najlepszych narzędzi, które pomogą Ci w nauce i pracy nad projektami. Znajdziesz tutaj narzędzia do rozpoznawania tekstu, edycji grafiki, zarządzania projektami i wiele więcej. Wszystkie narzędzia są dostępne w jednym miejscu, aby ułatwić Ci życie.</p>
</div>
<div class="about-image">
<img src="photos/about-image.gif" alt="About StudyTools">
</div>
</div>
</section>
<section class="tools-section">
<div class="container">
<h2 id="tools-title">Lista Narzędzi</h2>
<div id="category-buttons" class="category-buttons">
<button class="category-button" data-category="all"><i class="fas fa-th-list"></i> Wszystkie</button>
<button class="category-button category-converter" data-category="category-converter"><i class="fas fa-exchange-alt"></i> Konwerter</button>
<button class="category-button category-audio" data-category="category-audio"><i class="fas fa-volume-up"></i> Audio</button>
<button class="category-button category-graphics" data-category="category-graphics"><i class="fas fa-image"></i> Grafika</button>
<button class="category-button category-editor" data-category="category-editor"><i class="fas fa-edit"></i> Edytor</button>
<button class="category-button category-planner" data-category="category-planner"><i class="fas fa-calendar-alt"></i> Planer</button>
<button class="category-button category-study" data-category="category-study"><i class="fas fa-book"></i> Nauka</button>
<button class="category-button category-focus" data-category="category-focus"><i class="fas fa-bullseye"></i> Skupienie</button>
</div>
<div id="tools" class="tools-grid">
<!-- Narzędzia zostaną dodane dynamicznie za pomocą JavaScript -->
</div>
</div>
</section>
<section class="suggest-section">
<div class="container">
<h2 id="suggest-title">Proponuj Narzędzia</h2>
<p id="suggest-description">Razem możemy zbudować wielką listę wspaniałych narzędzi, które pomogą nam wszystkim w nauce i pracy. Jeśli masz sugestię dotyczącą narzędzia, które moglibyśmy dodać, kliknij przycisk poniżej i wypełnij formularz Google.</p>
<a id="suggest-button" href="https://forms.gle/your-google-form-link" target="_blank" class="suggest-button">Zaproponuj Narzędzie</a>
</div>
</section>
</main>
<footer>
<div class="container">
<p>Powered by J.H</p>
<img src="https://avatars.githubusercontent.com/u/42213414?s=400&u=5e5a6d95ff9940307882a67d22a50894c046f8b5&v=4" alt="Jakub Hyziak" class="profile-pic">
</div>
</footer>
<!-- Popup Modal -->
<div id="toolModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h2 id="modalTitle"></h2>
<div class="modal-image-container">
<img id="modalImage" src="" alt="Tool Image" class="modal-image">
<span id="modalCategory" class="badge category-badge"></span>
<span id="modalFreeInfo" class="free-info"></span>
</div>
<p id="modalDescription"></p>
</div>
</div>
<!-- Cookie Consent -->
<div id="cookieConsent" class="cookie-consent">
<div class="cookie-content">
<i class="fas fa-cookie-bite"></i>
<p>Ta strona używa plików cookie, aby zapewnić najlepszą jakość korzystania z naszej witryny. <a href="privacy-policy.html" target="_blank">Dowiedz się więcej</a>.</p>
<button id="acceptCookies" class="accept-button">Akceptuję</button>
</div>
</div>
<script src="scripts.js"></script>
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="Jacob22092" data-description="Support me on Buy me a coffee!" data-message="" data-color="#FF813F" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
</body>
</html>