M1n1 Shira0ka File Manager
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yannick Project</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<script src="/js/jquery.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100%;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
td {cursor:hand;}
.up { border: outset 2px gray;
height:20px;
width:20px;
font-family:verdana;
text-align:center;
}
.down {border: inset 2px gray;
height:20px;
width:20px;
font-family:verdana;
text-align:center;
}
#clav_num{
width:500px;
margin: 0 auto;
font-size: 40px;
}
#clav_num td {
padding:20px;
text-align: center;
}
#result{
text-align: center;
padding:20px;
height: 100px;
margin: 30px auto 5px 30px;
font-size: 50px;
color:#1d68a7;
letter-spacing: 20px;
}
#message {
text-align: center;
padding:20px;
font-size: 50px;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 15px;
}
tr {
margin-bottom: 10px;
}
input {
width: 75%
}
input[type=file]{
display: none;
}
#preview img {
width:150px;
display: inline-block;
}
#preview {
text-align: center;
}
</style>
</head>
<body>
<div class="container">
{{-- @if (Route::has('login'))--}}
{{-- <div class="top-right links">--}}
{{-- @auth--}}
{{-- <a href="{{ url('/home') }}">Home</a>--}}
{{-- @else--}}
{{-- <a href="{{ route('login') }}">Login</a>--}}
{{-- @endauth--}}
{{-- </div>--}}
{{-- @endif--}}
</div>
@if (Cookie::get('interface') == 'jfdhfdqlmlmqokdhfozqojofdogfdoijoqofd')
<div class="container">
<div style="height: 50px;"></div>
<div id="form_inscription">
<h1 style="text-align: center">Registration</h1>
<h4 style="text-align: center; font-style: italic">Complete all fields</h4>
{!! Form::open(['method' => 'post', 'url' => route('inscription_submit'), 'enctype' => 'multipart/form-data']) !!}
<table>
<tr>
<td style="text-align: right; width:50%; vertical-align: middle"><label style="padding: 0;margin: 0" for="lastname">Lastname</label></td>
<td><input required="required" type="text" name="lastname" id="lastname" /></td>
</tr>
<tr>
<td style="text-align: right; width:50%; vertical-align: middle"><label style="padding: 0;margin: 0" for="firstname">Firstname</label></td>
<td><input required="required" type="text" name="firstname" id="firstname" /></td>
</tr>
<tr>
<td style="text-align: right; width:50%; vertical-align: middle"><label style="padding: 0;margin: 0" for="country">Country</label></td>
<td><input required="required" type="text" name="country" id="country" /></td>
</tr>
<tr>
<td style="text-align: right; width:50%; vertical-align: middle"><label style="padding: 0;margin: 0" for="phone_email">Phone or Email</label></td>
<td><input required="required" type="text" name="phone_email" id="phone_email" /></td>
</tr>
<tr>
<td style="text-align: right; width:50%; vertical-align: middle"><span style="padding: 0;margin: 0" for="photo">Photo</span></td>
<td style="vertical-align: middle">
<label for="photo" style="padding: 0;margin: 0">
<span class="material-icons" style="font-size: 40px">add_a_photo</span>
</label>
<input required="required" type="file" id="photo" name="photo" accept="image/jpeg" capture="camera"/>
</td>
</tr>
<tr>
<td colspan="2" id="preview">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center"><br /><button>Submit</button></td>
</tr>
</table>
{!! Form::close() !!}
</div>
<div id="message"></div>
<script type='text/javascript'>
function remove_mess() {
setTimeout(function() {
$('#message').removeClass();
$('#message').html('');
}, 5000);
}
function set_warn_mess(mess){
$('#message').addClass('alert alert-warning');
$('#message').html(mess);
}
function set_succ_mess(mess){
$('#message').addClass('alert alert-success');
$('#message').html(mess);
}
$('#photo').change(function () {
const input = document.getElementById('photo');
const preview = document.getElementById('preview')
const url = URL.createObjectURL(input.files[0]);
const img = document.createElement('img')
img.src = url
preview.innerHTML = "";
preview.appendChild(img)
})
</script>
</div>
@endif
</body>
</html>
GO Party By You