From ddd9af819db7d088018bba61cc97c1c1c78fd999 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tam=C3=A1s=20Gy=C3=B6rkis?= Date: Thu, 27 Oct 2022 08:52:25 +0200 Subject: [PATCH 1/2] =?UTF-8?q?oldal=20sablon,=20men=C3=BCsor,=20f=C5=91ol?= =?UTF-8?q?dal,=20ikonok?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- picquiz/public/css/navbar.css | 64 ++++++++++ picquiz/public/images/feedbackIcon.png | Bin 0 -> 359 bytes picquiz/public/images/mainPageIcon.png | Bin 0 -> 321 bytes picquiz/public/js/navbar.js | 12 ++ picquiz/resources/views/mainpage.blade.php | 11 ++ picquiz/resources/views/template.blade.php | 50 ++++++++ picquiz/resources/views/welcome.blade.php | 132 --------------------- picquiz/routes/web.php | 2 +- 8 files changed, 138 insertions(+), 133 deletions(-) create mode 100644 picquiz/public/css/navbar.css create mode 100644 picquiz/public/images/feedbackIcon.png create mode 100644 picquiz/public/images/mainPageIcon.png create mode 100644 picquiz/public/js/navbar.js create mode 100644 picquiz/resources/views/mainpage.blade.php create mode 100644 picquiz/resources/views/template.blade.php delete mode 100644 picquiz/resources/views/welcome.blade.php diff --git a/picquiz/public/css/navbar.css b/picquiz/public/css/navbar.css new file mode 100644 index 0000000..077ab2d --- /dev/null +++ b/picquiz/public/css/navbar.css @@ -0,0 +1,64 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap'); + +body { + background-image: url(../src/background.png); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + font-family: 'Noto Sans', 'Times New Roman' !important; + color: white; +} + +.navitem img { + border-right: 1px solid white; + margin-right: 6px; + padding-right: 3px; +} + + +.active { + background-color: white; + color: rgba(0, 0, 0, 0.7) !important; + transition-duration: 300ms; + transition-timing-function: ease-in; +} + +.navitem.active img { + filter: invert(100%); +} + +.navitem { + color: white; + border: 1px solid white; + margin-right: 10px; + border-radius: 5px; +} + +.navitem:hover { + background-color: white; + color: rgba(0, 0, 0, 0.7) !important; + transition-duration: 300ms; + transition-timing-function: ease-in; +} + +.navitem:hover img { + filter: invert(100%); +} + +nav { + margin: 5px 20px 10px 20px; + padding: 7px !important; + border-radius: 10px; + transition-duration: 200ms; + transform-origin: top; + transition-timing-function: ease-in-out; +} + +.isSticky { + margin-left: 0px; + margin-right: 0px; + border-radius: 0px; + transition-duration: 200ms; + transform-origin: top; + transition-timing-function: ease-in-out; +} \ No newline at end of file diff --git a/picquiz/public/images/feedbackIcon.png b/picquiz/public/images/feedbackIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..81cc4c5e2827a3b57bc423701122c6d06cbd7a4f GIT binary patch literal 359 zcmV-t0hs=YP)Px$AxT6*R7gv;RlyO1FbuOcp__D*mQgxM=_KtYWfS+53pocIN&@7=9Ty}^mJQ_O zgOl;)Py$u$MC8Vz0X)KUuL1*l7ZDQh3;_COf&!?mwFfX%5o`cW1OSpVs}@y&vRYb{ z+2bmx0Oj|ih_IPY<4>|D5mbUsSfP=s`WBI^A-Dh_aX7&uL%@snaw%k?N(Y?r%xquu z;13xqBlt&ESqQ7QC&e>UP%3jqHcr`&@4wD>ng3NWwP2n#0c>VZ6F~{wPOmMddR43t zEbM7j;5C<6Sv)s2*=v4mFb6A(v*&-4f;cx^3wC-J@oZLL2GhpW^}ks`B%y+^;7a!F zCE(A6DvI{(B8V!uDqhpi#S2CC9Ly%Vvzzm9g3=DN?|=QxdKu#QUcUeU002ovPDHLk FV1oI`ltBOh literal 0 HcmV?d00001 diff --git a/picquiz/public/images/mainPageIcon.png b/picquiz/public/images/mainPageIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..81b8218d471b55732702b8627d08bb3ccbcf3938 GIT binary patch literal 321 zcmV-H0lxl;P)Px#`$otK0TOYE?#xV4bU8>CFcO#W$vZxKNUwiu zkVODVxs;I7;=}<+(EOfKrZd`WmLRhLFL3v62LSst*QJmNfTSGDomLN^St}$-8Ci_v z2~aB@z$BGQ*TO!Pv5g}j5m&Eg8( zfLOCoxh^Voo}Mcyau{A)7?a^xHE*^Me;@DwFvX}D T{k!y&00000NkvXXu0mjfCC`GU literal 0 HcmV?d00001 diff --git a/picquiz/public/js/navbar.js b/picquiz/public/js/navbar.js new file mode 100644 index 0000000..856a336 --- /dev/null +++ b/picquiz/public/js/navbar.js @@ -0,0 +1,12 @@ +var observer = new IntersectionObserver(function (entries) { + // no intersection with screen + if (entries[0].intersectionRatio === 0) + document.querySelector("nav").classList.add("isSticky"); + // fully intersects with screen + else if (entries[0].intersectionRatio === 1) + document.querySelector("nav").classList.remove("isSticky"); +}, { + threshold: [0, 1] +}); + +observer.observe(document.querySelector("#navtop")); \ No newline at end of file diff --git a/picquiz/resources/views/mainpage.blade.php b/picquiz/resources/views/mainpage.blade.php new file mode 100644 index 0000000..5c6df63 --- /dev/null +++ b/picquiz/resources/views/mainpage.blade.php @@ -0,0 +1,11 @@ +@extends('template') + +@section('title') +Főoldal +@endsection + + +@section('content') + + +@endsection \ No newline at end of file diff --git a/picquiz/resources/views/template.blade.php b/picquiz/resources/views/template.blade.php new file mode 100644 index 0000000..712896b --- /dev/null +++ b/picquiz/resources/views/template.blade.php @@ -0,0 +1,50 @@ + + + + + + + + + + + + @yield('title') + + + + + + + @yield('content') + + + \ No newline at end of file diff --git a/picquiz/resources/views/welcome.blade.php b/picquiz/resources/views/welcome.blade.php deleted file mode 100644 index de23392..0000000 --- a/picquiz/resources/views/welcome.blade.php +++ /dev/null @@ -1,132 +0,0 @@ - - - - - - - Laravel - - - - - - - - - - -
- @if (Route::has('login')) - - @endif - -
-
- - - - - -
- -
-
-
- - -
-
- Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end. -
-
-
- -
-
- - -
- -
-
- Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process. -
-
-
- -
-
- - -
- -
-
- Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials. -
-
-
- -
-
- -
Vibrant Ecosystem
-
- -
-
- Laravel's robust library of first-party tools and libraries, such as Forge, Vapor, Nova, and Envoyer help you take your projects to the next level. Pair them with powerful open source libraries like Cashier, Dusk, Echo, Horizon, Sanctum, Telescope, and more. -
-
-
-
-
- -
-
-
- - - - - - Shop - - - - - - - - Sponsor - -
-
- -
- Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}) -
-
-
-
- - diff --git a/picquiz/routes/web.php b/picquiz/routes/web.php index b130397..3dcad50 100644 --- a/picquiz/routes/web.php +++ b/picquiz/routes/web.php @@ -14,5 +14,5 @@ use Illuminate\Support\Facades\Route; */ Route::get('/', function () { - return view('welcome'); + return view('mainpage'); }); From a92d74b975044beae1bc9f529c1aaefd9e1fbb75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tam=C3=A1s=20Gy=C3=B6rkis?= Date: Thu, 27 Oct 2022 09:00:12 +0200 Subject: [PATCH 2/2] =?UTF-8?q?sablon=20m=C3=B3dos=C3=ADt=C3=A1sa?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- picquiz/public/favicon.ico | Bin 0 -> 101688 bytes picquiz/resources/views/mainpage.blade.php | 6 +++++- picquiz/resources/views/template.blade.php | 9 +++++++++ 3 files changed, 14 insertions(+), 1 deletion(-) diff --git a/picquiz/public/favicon.ico b/picquiz/public/favicon.ico index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..63ce7cb37de155fd21b3b28aafef9b46e500967a 100644 GIT binary patch literal 101688 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 +

adsdas

adsdas

adsdas

adsdas

adsdas

adsdas

+

adsdas

adsdas

adsdas

adsdas

+

adsdas

adsdas

adsdas

+

adsdas

adsdas

@endsection \ No newline at end of file diff --git a/picquiz/resources/views/template.blade.php b/picquiz/resources/views/template.blade.php index 712896b..e6fd888 100644 --- a/picquiz/resources/views/template.blade.php +++ b/picquiz/resources/views/template.blade.php @@ -5,6 +5,7 @@ + @@ -31,13 +32,21 @@ Új játék + + + +