game UI bases
This commit is contained in:
anon
parent
5d16a2d3a5
commit
3bf541cf24
BIN
picquiz/public/images/undefined.jpg
Normal file
BIN
picquiz/public/images/undefined.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
55
picquiz/resources/views/game/game.blade.php
Normal file
55
picquiz/resources/views/game/game.blade.php
Normal file
@ -0,0 +1,55 @@
|
||||
@extends('template')
|
||||
|
||||
@php
|
||||
$debug = True;
|
||||
@endphp
|
||||
|
||||
@section('title')
|
||||
<title>Előkészület</title>
|
||||
@endsection
|
||||
|
||||
|
||||
@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>Melyik videójáték látható a képen?</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 d-flex justify-content-center">
|
||||
<img class="col-12" id=qimg src="images/undefined.jpg">
|
||||
</img>
|
||||
</div>
|
||||
|
||||
<hr class="mt-2 d-block d-lg-none">
|
||||
|
||||
<div class="col-12 col-lg-8">
|
||||
<div style="display: flex; justify-content: space-between;">
|
||||
<div class=mb-4>
|
||||
<h3>Tipp:</h3>
|
||||
<input></input>
|
||||
</div>
|
||||
<div style="float: right;">
|
||||
<h4>N/M</h4>
|
||||
<h4>K találat</h4>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn btn-success" href="/play">Beküldés</a>
|
||||
<a class="btn btn-danger" href="/play">Passz</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-3" style="font-size: 12px;">
|
||||
Készítette: Karácsony Balázs, Györkis Tamás, Kovács Dávid
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@ -1,14 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<!--
|
||||
Creation Date: $(date)
|
||||
-->
|
||||
<head>
|
||||
<title>Új játék</title>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@extends('template')
|
||||
|
||||
@php
|
||||
$debug = True;
|
||||
@endphp
|
||||
|
||||
@section('title')
|
||||
<title>Előkészület</title>
|
||||
@endsection
|
||||
|
||||
|
||||
@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>Új játék beállításai</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 d-flex justify-content-center">
|
||||
<div id="carouselExampleIndicators" class="carousel slide w-100" data-bs-ride="true">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="images/samplePictures/pacman.jpg" class="d-block w-100" alt="Pac-man">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/samplePictures/tetris.jpg" class="d-block w-100" alt="Tetris">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/samplePictures/cod.jpg" class="d-block w-100" alt="Call of Duty">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Előző</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Következő</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mt-2 d-block d-lg-none">
|
||||
|
||||
<div class="col-12 col-lg-8">
|
||||
<h3>Hány kérdés szerepeljen:</h3>
|
||||
<input type=number min=1 value=10 placeholder=10></input>
|
||||
<h6 mb-3>Sok sikert!</h6>
|
||||
<a class="btn btn-success" href="/play">Kezdés</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-3" style="font-size: 12px;">
|
||||
Készítette: Karácsony Balázs, Györkis Tamás, Kovács Dávid
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
71
picquiz/resources/views/game/play.blade.php
Normal file
71
picquiz/resources/views/game/play.blade.php
Normal file
@ -0,0 +1,71 @@
|
||||
@extends('template')
|
||||
|
||||
@php
|
||||
$debug = True;
|
||||
@endphp
|
||||
|
||||
@section('title')
|
||||
<title>Előkészület</title>
|
||||
@endsection
|
||||
|
||||
|
||||
@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>Új játék beállításai</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-4 d-flex justify-content-center">
|
||||
<div id="carouselExampleIndicators" class="carousel slide w-100" data-bs-ride="true">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="images/samplePictures/pacman.jpg" class="d-block w-100" alt="Pac-man">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/samplePictures/tetris.jpg" class="d-block w-100" alt="Tetris">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="images/samplePictures/cod.jpg" class="d-block w-100" alt="Call of Duty">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Előző</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Következő</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mt-2 d-block d-lg-none">
|
||||
|
||||
<div class="col-12 col-lg-8">
|
||||
<h3>Hány kérdés szerepeljen:</h3>
|
||||
<input type=number min=1 value=10 placeholder=10></input>
|
||||
<h6 mb-3>Sok sikert!</h6>
|
||||
<a class="btn btn-success" href="#">Kezdés</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-3" style="font-size: 12px;">
|
||||
Készítette: Karácsony Balázs, Györkis Tamás, Kovács Dávid
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@ -52,7 +52,9 @@ Route::put('/feedback/all/{id}', [FeedbackController::class, 'update']);
|
||||
|
||||
|
||||
//--------- Game routes --------------------------------------------
|
||||
Route::get('/play', function(){ return view('game/newGame'); });
|
||||
Route::get('/new', function(){ return view('game/newGame'); });
|
||||
|
||||
Route::get('/play', function(){ return view('game/game'); });
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user