anon/picquiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

főoldal - háttér, betűtípus, alapváz hozzáadása

Browse Source
This commit is contained in:
Tamás Györkis
2022-10-29 12:07:33 +02:00
parent 9821bc8016
commit 574148fedb
5 changed files with 46 additions and 2 deletions

3
picquiz/public/css/navbar.css

@ -25,7 +25,7 @@
.navitem:hover {
background-color: white;
color: rgba(0, 0, 0, 0.7) !important;
color: rgba(0, 0, 0, 0.7);
transition-duration: 300ms;
transition-timing-function: ease-in;
}
@ -47,6 +47,7 @@ nav {
margin-left: 0px;
margin-right: 0px;
border-radius: 0px;
transition-duration: 200ms;
transform-origin: top;
transition-timing-function: ease-in-out;

11
picquiz/public/css/template.css Normal file

@ -0,0 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
body {
background-image: url("/images/background.jpg");
background-size: cover;
background-attachment: fixed;
font-family: 'Black Ops One', cursive;
}

BIN
picquiz/public/images/background.jpg Normal file

Binary file not shown.
Side by Side

After

(image error) Size: 511 KiB

25
picquiz/resources/views/mainpage.blade.php

@ -7,4 +7,29 @@
@section('content')
<div class="container bg-dark text-white p-4 rounded-3" style="--bs-bg-opacity: .98;">
<div class="row">
<div class="col-12 text-center">
<h1>Üdv a PicQuiz oldalon!</h1>
</div>
</div>
<hr>
<div class="row">
<div class="col-12">
</div>
<div class="col-12">
<h3>A játék lényege:</h3>
<p>A játék során képeket fogsz látni játékokból kiemelve. A feladatot, hogy meghatározd a játék címét.</p>
</div>
</div>
</div>
@endsection

9
picquiz/resources/views/template.blade.php

@ -6,10 +6,17 @@
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/navbar.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
<script src="js/navbar.js" defer></script>
@yield('custom_css')
<link rel="stylesheet" type="text/css" href="css/navbar.css">
<link rel="stylesheet" type="text/css" href="css/template.css">
@yield('title')
</head>
<body>