htamas1210/bereg-weblap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: htamas1210:master
Branches Tags
htamas1210:master htamas1210:123 htamas1210:timer htamas1210:F4rkasT-fiam
..
compare: htamas1210:timer
Branches Tags
htamas1210:master htamas1210:123 htamas1210:timer htamas1210:F4rkasT-fiam

1 Commits
master ... timer

Author SHA1 Message Date
thewarrior1220
57ea676b77 timer done 2022-02-18 11:26:42 +01:00
35 changed files with 54 additions and 320 deletions
Expand all files Collapse all files

BIN
Beregszasziproject-main/logók/debrecen_fc439866b3_e292ab2b4d.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
Beregszasziproject-main/logók/dkv_db4ff56201.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
Beregszasziproject-main/logók/mediacentrum_logo_mcd_attetszo_szerk_ef9542b4a8.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

1
bereg-weblap-master/Beregszasziproject-main/Bereg1
View File

@@ -1 +0,0 @@
//első project, egyenlőre legyen meg a github xd

BIN
bereg-weblap-master/Beregszasziproject-main/logók/dkv_db4ff56201.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/haon_26b06cb961.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.5 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.7 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/mediacentrum_logo_mcd_attetszo_szerk_ef9542b4a8.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.8 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_cimer_2021_november_4c8f3fec09.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.3 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_dszc_logo_feher_d151b60038.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/logók/thumbnail_hbkik_logo_szines_uj_85f5aa3c87_adea792b18.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/stock fotók/4_2122_800_600_80_c85aace066.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 89 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/stock fotók/large_Info_es_tavk_IMG_1373_77d6a7a5b5.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 118 KiB

BIN
bereg-weblap-master/Beregszasziproject-main/stock fotók/large_Iskola_epulete_szembol_46210709e8.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

105
bereg-weblap-master/index.html
View File

@@ -1,105 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css">
<!--<script src="timer.js"></script>-->
<!--<script src="navbar.js"></script>-->
<title>DSZC Beregszászi Pál Technikum</title>
</head>
<body>
<header>
<nav class="">
<div class="">
<ul>
<li>Rólunk</li>
<li>Tanulóinknak</li>
<li>Hírek</li>
<li>Képzéseink</li>
<li>Szakmai dokumentumok</li>
<li>Projektek</li>
<li>Közérdekű adatok</li>
</ul>
</div>
</nav>
<!-- Carousel -->
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
</div>
<div class="carousel-item">
<img src="res/bereg/2.png" alt="Chicago" class="kep d-block w-75">
</div>
<div class="carousel-item">
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
<div id="timer"></div>
</header>
<div id="content">
<aside id="left">
<iframe id="facebook"></iframe>
</aside>
<aside id="right">
<iframe id="instagram"></iframe>
</aside>
<div id="idezetek">
<!--Idezetek helye-->
</div>
<footer>
<div id="map"></div>
<div><!--Map melletti elerhetosegek (lehet tablazat)--></div>
<div>
<h1 class="partner">Partnereink</h1>
<div>
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png">
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg">
</div>
<br><br>
<br><br>
<br>
<div>
<img class="h" src="Beregszasziproject-main/logók/haon_26b06cb961.png">
<img class="o" src="Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png">
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
<br><br>
<br><br>
<img class="f" src="Beregszasziproject-main/logók/thumbnail_hbkik_logo_szines_uj_85f5aa3c87_adea792b18.png">
<img class="g" src="Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png">
<img class="l" src="Beregszasziproject-main/logók/mediacentrum_logo_mcd_attetszo_szerk_ef9542b4a8.png">
</div>
</div>
<br><br>
<br><br>
<br><br>
<div class="kaka">
<img class="e" src="Beregszasziproject-main/logók/thumbnail_dszc_logo_feher_d151b60038.webp">
<h2 class="q">Debreceni</h2>
</div>
</footer>
</div>
</body>
</html>

11
bereg-weblap-master/navbar.js
View File

@@ -1,11 +0,0 @@
let overlay = document.querySelector(".menu_overlay");
let open = document.querySelector(".fa-bars");
let close = document.querySelector(".fa-times");
open.addEventListener("click", () => {
overlay.style.transform = "translateY(0)";
});
close.addEventListener("click", () => {
overlay.style.transform = "translateY(-110%)";
});

BIN
bereg-weblap-master/res/bereg/1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 118 KiB

BIN
bereg-weblap-master/res/bereg/2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

BIN
bereg-weblap-master/res/bereg/3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 89 KiB

BIN
bereg-weblap-master/res/test pics/1151707.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 MiB

BIN
bereg-weblap-master/res/test pics/1168140.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.4 MiB

BIN
bereg-weblap-master/res/test pics/1168382.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 MiB

119
bereg-weblap-master/style.css
View File

@@ -1,119 +0,0 @@
body{
background-color: rgb(255, 255, 255);
color: yellow;
}
li{
list-style-type: none;
float: left;
padding: 1%;
}
ul{
/*margin-left: 20%;*/
}
li{
}
li:first-child{
border-left: 1px solid white;
margin-left: 20%;
}
li:last-child{
border-right: 1px solid white;
}
nav{
color: white;
background-color: rgb(49, 49, 49);
float: left;
width: 100%;
}
.kep{
margin-left: 13%;
}
.partner{
margin-left: 20%;
}
.flótás{
float: right;
margin-right: 30%;
}
.n{
float: right;
width: 11%;
}
.m{
float: right;
width: 12%;
}
.b{
float: right;
width: 11%;
margin-right: 10%;
}
.u{
float: right;
width: 5%;
margin-right: 1%;
}
.i{
float: right;
width: 11%;
margin-right: 1%;
}
.o{
float: right;
width: 11%;
margin-right: 1%;
}
.h{
float: right;
width: 11%;
margin-right: 18%;
}
.l{
margin-right: 1%;
float: right;
width: 9%;
}
.f{
margin-right: 39%;
float: right;
width: 9%;
}
.g{
margin-right: 1%;
float: right;
width: 9%;
}
.kaka{
background-color: rgb(0, 0, 122);
height: 7vh;
}
.e{
padding-top: 0.4%;
margin-left: 44%;
}
.q{
float: right;
margin-right: 36%;
}

22
bereg-weblap-master/timer.js
View File

@@ -1,22 +0,0 @@
function updateTimer(){
future = Date.parse("feb 22, 2022 14:00:00");
now = new Date();
diff = future - now;
days = Math.floor(diff / (1000 * 60 * 60 * 24));
hours = Math.floor(diff / (1000 * 60 * 60));
mins = Math.floor(diff / (1000 * 60));
secs = Math.floor(diff / 1000);
d = days;
h = hours - days * 24;
m = mins - hours * 60;
s = secs - mins * 60;
document.getElementById("timer").innerHTML =
'<div>' + d + '<span>Nap</span></div>' +
'<div>' + h + '<span>Ora</span></div>' +
'<div>' + m + '<span>Perc</span></div>' +
'<div>' + s + '<span>Masodperc</span></div>';
}
setInterval('updateTimer()', 1000);

33
index.html
View File

@@ -6,7 +6,7 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<!--<script src="timer.js"></script>--> <script src="timer.js"></script>
<!--<script src="navbar.js"></script>--> <!--<script src="navbar.js"></script>-->
<title>DSZC Beregszászi Pál Technikum</title> <title>DSZC Beregszászi Pál Technikum</title>
</head> </head>
@@ -14,7 +14,7 @@
<header> <header>
<nav class=""> <nav class="">
<div class=""> <div class="">
<ul> <ul id="nav-item">
<li>Rólunk</li> <li>Rólunk</li>
<li>Tanulóinknak</li> <li>Tanulóinknak</li>
<li>Hírek</li> <li>Hírek</li>
@@ -25,17 +25,12 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<!-- Carousel -->
<div id="carousel" class="carousel slide" data-bs-ride="carousel"> <div id="carousel" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators"> <div class="carousel-indicators">
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button> <button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
</div> </div>
<!-- The slideshow/carousel -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75"> <img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
@@ -47,7 +42,6 @@
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75"> <img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
</div> </div>
</div> </div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev"> <button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span> <span class="carousel-control-prev-icon"></span>
</button> </button>
@@ -55,7 +49,15 @@
<span class="carousel-control-next-icon"></span> <span class="carousel-control-next-icon"></span>
</button> </button>
</div> </div>
<div id="timer"></div> <div id="timer">
<ul id="counter"><br><br>
<h1>Következő szünetig hátralévő idő</h1>
<li id="nap"></li>
<li id="ora"></li>
<li id="perc"></li>
<li id="mperc"></li>
</ul>
</div>
</header> </header>
<div id="content"> <div id="content">
<aside id="left"> <aside id="left">
@@ -64,12 +66,6 @@
<aside id="right"> <aside id="right">
<iframe id="instagram"></iframe> <iframe id="instagram"></iframe>
</aside> </aside>
<iframe id="inlineFrameExample"
title="Inline Frame Example"
width="600"
height="600"
src="https://www.youtube.com/embed/rzV4C1Ox1go">
</iframe>
<div id="idezetek"> <div id="idezetek">
<!--Idezetek helye--> <!--Idezetek helye-->
</div> </div>
@@ -79,15 +75,15 @@
<div> <div>
<h1 class="partner">Partnereink</h1> <h1 class="partner">Partnereink</h1>
<div> <div>
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png <img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png">
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png"> <img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.png"> <img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg">
</div> </div>
<br><br> <br><br>
<br><br> <br><br>
<br><br> <br><br>
<div> <div>
<img class="o" src="Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png" > <img class="o" src="Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png" >
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png"> <img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png"> <img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
</div> </div>
@@ -95,6 +91,5 @@
<div id="also footer"></div> <div id="also footer"></div>
</footer> </footer>
</div> </div>
<script src="yt.js"></script>
</body> </body>
</html> </html>

29
style.css
View File

@@ -3,7 +3,7 @@ body{
color: yellow; color: yellow;
} }
li{ #nav-item li{
list-style-type: none; list-style-type: none;
float: left; float: left;
padding: 1%; padding: 1%;
@@ -13,14 +13,14 @@ ul{
/*margin-left: 20%;*/ /*margin-left: 20%;*/
} }
li{ #nav-item li{
border-right: 1px solid white;
} }
li:first-child{ #nav-item li:first-child{
border-left: 1px solid white; border-left: 1px solid white;
margin-left: 20%; margin-left: 20%;
} }
li:last-child{ #nav-item li:last-child{
border-right: 1px solid white; border-right: 1px solid white;
} }
@@ -31,6 +31,25 @@ nav{
width: 100%; width: 100%;
} }
#counter li{
float: left;
list-style-type: none;
font-size: 30px;
padding-left: 2%;
}
#counter h1{
margin-left: 1%;
}
#nap{
margin-left: 5%;
}
#timer{
margin-left: 25%;
}
.kep{ .kep{
margin-left: 13%; margin-left: 13%;
} }

21
timer.js
View File

@@ -13,10 +13,21 @@ function updateTimer(){
m = mins - hours * 60; m = mins - hours * 60;
s = secs - mins * 60; s = secs - mins * 60;
document.getElementById("timer").innerHTML = d_sz = " " + d;
'<div>' + d + '<span>Nap</span></div>' + h_sz = " " + h;
'<div>' + h + '<span>Ora</span></div>' + m_sz = " " + m;
'<div>' + m + '<span>Perc</span></div>' + s_sz = " " + s;
'<div>' + s + '<span>Masodperc</span></div>';
document.getElementById("nap").innerHTML =
'<div>' + d_sz + '<span> Nap </span></div> ';
document.getElementById("ora").innerHTML =
'<div>' + h_sz + '<span> Ora </span></div> ';
document.getElementById("perc").innerHTML =
'<div>' + m_sz + '<span> Perc </span></div> ';
document.getElementById("mperc").innerHTML =
'<div>' + s_sz + '<span> Masodperc </span></div>';
} }
setInterval('updateTimer()', 1000); setInterval('updateTimer()', 1000);

33
yt.js
View File

@@ -1,33 +0,0 @@
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
playerVars: {
'playsinline': 1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}