mirror of
https://github.com/exane/not-gwent-online
synced 2025-08-30 05:57:30 +00:00
start with design implementation
This commit is contained in:
26
site/client/views/app.blade.php
Normal file
26
site/client/views/app.blade.php
Normal file
@@ -0,0 +1,26 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Gwent Online</title>
|
||||
|
||||
<link href="{{ url('favicon.ico') }}" rel="icon" type="image/x-icon">
|
||||
<link href="{{ url('assets/css/app.css') }}" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
<body class="{{ $section }}">
|
||||
|
||||
@yield('content')
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
||||
<script src="{{ url('assets/js/app.js') }}"></script>
|
||||
|
||||
<script>
|
||||
$('.container-form-landing').addClass('active');
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
17
site/client/views/partials/modals/login.blade.php
Normal file
17
site/client/views/partials/modals/login.blade.php
Normal file
@@ -0,0 +1,17 @@
|
||||
<div class="modal">
|
||||
<div class="modal-banner">
|
||||
<div class="wrap-modal">
|
||||
|
||||
<form class="form-session form-login">
|
||||
<input type="text" placeholder="Username" class="field-session">
|
||||
<input type="password" placeholder="Password" class="field-session">
|
||||
|
||||
<div class="wrap-btn-action btn-login-action">
|
||||
<input type="submit" value="Login" class="btn-action">
|
||||
<i class="icon-load"></i>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
37
site/client/views/tpl/landing.blade.php
Normal file
37
site/client/views/tpl/landing.blade.php
Normal file
@@ -0,0 +1,37 @@
|
||||
@extends('app')
|
||||
|
||||
@section('content')
|
||||
|
||||
@include('partials.modals.login')
|
||||
|
||||
<section class="container-landing">
|
||||
<div class="wrap-landing">
|
||||
<img src="{{ url('assets/img/logo-big.png') }}" width="243" height="85" alt="Gwent" class="logo-big">
|
||||
|
||||
<p class="teaser-landing">
|
||||
Play The Witcher Gwent Card-Game online!<br>
|
||||
Play with randomly generated teams, or build your own!
|
||||
</p>
|
||||
|
||||
<div class="container-form-landing">
|
||||
|
||||
<form class="form-session">
|
||||
<input type="text" placeholder="Username" class="field-session" autofocus>
|
||||
<input type="password" placeholder="Password" class="field-session">
|
||||
|
||||
<div class="wrap-btn-action btn-register-action">
|
||||
<input type="submit" value="Register" class="btn-action">
|
||||
<i class="icon-load"></i>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<span class="choose">or</span>
|
||||
|
||||
<a href="#" class="btn-second btn-guest">Play as guest</a>
|
||||
<a href="#" class="btn-none btn-login">Login</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@stop
|
Reference in New Issue
Block a user