-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html~
80 lines (76 loc) · 4.22 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
<!doctype html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Filc Napló</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="green">
<nav>
<center>
<img style="width:10%;" src="filc_logo_transparent.png">
<br>
<a class="menu-link" id="h1" href="./index.html">Filc Napló</a>
<br><br>
<a class="menu-link" href="#features_showcase">Funkciók</a>
<a class="menu-link" href="#screenshots_showcase">Screenshotok</a>
<a class="menu-link" href="https://github.com/filcnaplo/filcnaplo/releases">Letöltés</a>
</center>
</nav>
<div class="showcase">
<div class="main_text_buttons">
<h1>Egy újgenerációs kliensalkalmazás az e-Kréta rendszerhez, újraélesztve.</h1>
<a href='https://github.com/filcnaplo/filcnaplo/releases' class="download">Letöltés</a> <a href='#features_showcase' class="read_more">Több infó</a> </div>
<img class="pixel4" src="screenshot.png"></img>
</div>
</div>
<div id="features_showcase" class="features_showcase">
<center>
<p class="section_h1">Miért jobb a Filc Napló a hivatalos KRÉTA appnál?</p> </center>
<div>
<div class="feature_container" >
<svg style="width:2rem;height:2rem" viewBox="0 0 24 24">
<path fill="currentColor" d="M15,4A8,8 0 0,1 23,12A8,8 0 0,1 15,20A8,8 0 0,1 7,12A8,8 0 0,1 15,4M15,6A6,6 0 0,0 9,12A6,6 0 0,0 15,18A6,6 0 0,0 21,12A6,6 0 0,0 15,6M14,8H15.5V11.78L17.83,14.11L16.77,15.17L14,12.4V8M2,18A1,1 0 0,1 1,17A1,1 0 0,1 2,16H5.83C6.14,16.71 6.54,17.38 7,18H2M3,13A1,1 0 0,1 2,12A1,1 0 0,1 3,11H5.05L5,12L5.05,13H3M4,8A1,1 0 0,1 3,7A1,1 0 0,1 4,6H7C6.54,6.62 6.14,7.29 5.83,8H4Z" /> </svg>
<p class="feature_header">Gyorsabb</p>
<p class="feature_desc">Egyszerű. Nem tart másfél percig, amíg betölt.</p>
</div>
<div class="feature_container" style="text-align: center;">
<svg style="width:2rem;height:2rem" viewBox="0 0 24 24">
<path fill="currentColor" d="M22,9V7H20V5A2,2 0 0,0 18,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H18A2,2 0 0,0 20,19V17H22V15H20V13H22V11H20V9H22M18,19H4V5H18V19M6,13H11V17H6V13M12,7H16V10H12V7M6,7H11V12H6V7M12,11H16V17H12V11Z" /></svg>
<p class="feature_header">A közösség által</p>
<p class="feature_desc">A Szivacs Napló fejlesztésének leállta után <br> a diákokból álló közösség fejleszti tovább az appot.</p>
</div>
<div class="feature_container"style="text-align:right">
<svg style="width:2rem;height:2rem" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" />
</svg>
<p class="feature_header">Biztonságosabb</p>
<p class="feature_desc">A nyilt forráskódnak köszönhetően bárki ellenőrizheti <br> az app biztonságát (a KRÉTA-val ellentétben)</p>
</div>
</div>
</div>
<div id="screenshots_showcase" class="screenshots_showcase">
<center><p class="section_h1">Képernyőképek</p> </center>
<div class="screenshots_scrollmenu">
<img class="screenshot_image" src="screenshots/filc1_pixel_quite_black_portrait.png"></img>
<img class="screenshot_image" src="screenshots/filc2_pixel_quite_black_portrait.png"><img>
<img class="screenshot_image" src="screenshots/filc3_pixel_quite_black_portrait.png"></img>
<img class="screenshot_image" src="screenshots/filc4_pixel_quite_black_portrait.png"></img>
<img class="screenshot_image" src="screenshots/filc5_pixel_quite_black_portrait.png"></img>
<img class="screenshot_image" src="screenshots/filc6_pixel_quite_black_portrait.png"></img>
</div>
</div>
<div id="download" class="download_showcase">
<center><p class="section_h1">Letöltés </p></center>
<div>
<div style="margin-bottom: 10%">
<center>
<p style="font-size:20px; width: max-content;">Jelenlegi verzió: <b>1.0</b></p>
<p style="font-size:20px; width: max-content;">Android: <b>4.1+</b></p>
<a class="download" id="download_bottom" href='https://github.com/filcnaplo/filcnaplo/releases'>Letöltés GitHub-ról</a>
</center>
</div>
</div>
</div>
</body>