Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solar</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link href="/css/AldotheApache.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
background: url(/images/bg-naranja.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#body {
background-image:
url('/images/fondo.png'),
url('/images/fondo.png'),
url('/images/fondo1.png'),
url('/images/fondo1.png'),
url('/images/fondo2.png'),
url('/images/fondo2.png'),
url('/images/fondo3.png'),
url('/images/fondo3.png'),
url('/images/fondo4.png'),
url('/images/fondo4.png'),
url('/images/fondo5.png'),
url('/images/fondo5.png');
background-repeat: no-repeat;
background-position:
0px 0,
1300px 0,
0px 30%,
1300px 80%,
200px 0,
1000px 100%,
0px 100%,
1300px 0,
100px 100%,
600px 70%,
0px 100%,
1300px 0;
background-size:
150px,
150px,
150px,
150px,
150px,
150px,
150px,
150px,
150px,
150px,
150px,
150px;
animation: 50s para infinite linear;
}
@keyframes para {
100% {
background-position:
1300px 100%,
0px 100%,
1300px 30%,
0px 80%,
200px 100%,
1000px 0,
0px 0%,
1300px 100%,
400px 100%,
1000px 100%,
1300px 100%,
0px 0;
}
}
.nav-link,h1{
color: white !important;
font-size: 24px;
font-family: Aldo the Apache;
}
.menu {
display: flex;
justify-content: center;
}
.menu li {
margin-right: 70px;
}
.menu a {
position: relative;
display: block;
padding: 5px;
}
.menu a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
height: 2px;
z-index: 1;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease-in-out;
}
a.inicio::before{
background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
}
a.equipo::before{
background: linear-gradient(to right, #BDA500, #D6D300, #FFF000);
}
a.desafio::before{
background: linear-gradient(to right, #960202, #D70000, #FF7373);
}
.menu a:hover::before {
transform: scaleX(1);
}
/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu[data-animation="to-left"] a::before {
transform-origin: right;
}
.menu[data-animation="center"] a::before {
transform-origin: center;
}
.menu[data-animation="bonus"] a::before {
transform-origin: right;
}
.menu[data-animation="bonus"] a:hover::before {
transform-origin: left;
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
#logo:hover {
-webkit-transform: rotate(360deg) !important;
transform: rotate(360deg) !important;
}
.icon{
height: 4em;
padding: 10px;
display: block;
margin: 10px;
}
.icon2{
height: 7em;
padding: 10px;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" />
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
@livewireStyles
</head>
<body>
<div id="body">
<nav class="navbar navbar-expand-sm navbar-light" >
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" style="border-color: white;">
<i class="fa fa-bars" style="color:white;"></i>
</button>
<div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
<ul class="navbar-nav menu">
<li class="nav-item active">
<a class="nav-link inicio" href="/">INICIO</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle nosotros" href="#" id="navbardrop" data-toggle="dropdown">
NOSOTROS
</a>
<div class="dropdown-menu" style="background-color: #66325F !important;">
<a class="dropdown-item" href="aventura" style="color: white !important;background-color: #66325F !important;"><b>Aventura</b></a>
<a class="dropdown-item" href="reglamento" style="color: white !important;background-color: #66325F !important;"><b>Reglamento</b></a>
<a class="dropdown-item" href="galeria" style="color: white !important;background-color: #66325F !important;"><b>Galería</b></a>
<a class="dropdown-item" href="contacto" style="color: white !important;background-color: #66325F !important;"><b>Contacto</b></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle equipo" href="#" id="navbardrop" data-toggle="dropdown">
MI EQUIPO
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="equipo" style="background-color: #FFD401 !important;"><b>Integrantes</b></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle equipo" href="#" id="navbardrop" data-toggle="dropdown">
LA COMPETENCIA
</a>
<div class="dropdown-menu" style="background-color: #FFD401 !important;">
<a class="dropdown-item" href="misiones" style="background-color: #FFD401 !important;"><b>Misiones</b></a>
<a class="dropdown-item" href="calendario" style="background-color: #FFD401 !important;"><b>Calendario</b></a>
<a class="dropdown-item" href="puntaje" style="background-color: #FFD401 !important;"><b>Puntaje</b></a>
<a class="dropdown-item" href="ranking" style="background-color: #FFD401 !important;"><b>Ranking</b></a>
</div>
</li>
<li class="nav-item dropdown" style="background-color: #ED3237 !important;">
<a class="nav-link dropdown-toggle desafio" href="#" id="navbardrop" data-toggle="dropdown">
MIS DESAFIOS
</a>
<div class="dropdown-menu" style="background-color: #ED3237 !important;">
<a class="dropdown-item" href="misionesindividuales" style="color: white !important;background-color: #ED3237 !important;"><b>Desafíos Individuales</b></a>
<a class="dropdown-item" href="logros" style="color: white !important;background-color: #ED3237 !important;"><b>Mis logros</b></a>
<a class="dropdown-item" href="catalogo" style="color: white !important;background-color: #ED3237 !important;"><b>Catalogo de Recompensas</b></a>
</div>
</li>
@if (Auth::check())
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{Auth::user()->name}}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@if (Auth::user()->nivel == 1)
<a class="dropdown-item" style="color: #001a57" href="{{ url('/dashboard') }}">
Panel de Control
</a>
<div class="dropdown-divider"></div>
@endif
<a class="dropdown-item" style="color: #001a57" href="miperfil">
Mi Perfil
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" style="color: #001a57" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
Cerrar Sesión
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
</div>
</li>
@else
<li class="nav-item">
<a href="{{ url('/login') }}" class="nav-link inicio">Ingresar</a>
</li>
@endif
</ul>
</div>
</nav>
<div class="container">
<div class="row justify-content-center align-items-center minh-100">
<div class="col-md-12" style="background-color: rgba(255, 255, 255, 0.8);margin-top: 30px;border-radius: 10px;">
<div class="row">
<div class="col-lg-12" align="center"><br><br>
<h1 style="font-family: Aldo the Apache;font-size: 3vw;color: #F37835 !important">Evidencias de: {{$mision->titulo}} </h1>
</div>
<div class="col-md-12" style="padding: 10px;">
<form action="{{ route('evidenciaindividialedit') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label for=""><b>Edite su evidencia:</b></label>
<textarea class="form-control" id="informacion" cols="20" rows="5" style="background-color: #737373 !important;color: white !important;" name="evidencia" placeholder="Escribe el mensaje aquí" required>{{ $evidencia->evidencia }}</textarea>
</div>
<div class="form-group">
<b><label for="exampleFormControlFile1">Subir evidencia (opcional):</label></b>
<input type="file" class="form-control-file" name="archivo" id="exampleFormControlFile1">
<center><img src="{{ asset('evidencias/'.$evidencia->archivo) }}" width="200px" alt=""></center>
</div>
<input type="hidden" name="evidencia_id" value="{{$evidencia->id}}">
<input type="hidden" name="mision_id" value="{{$mision->id}}">
<div class="form-group">
<button type="submit" class="btn btn-success btn-block">Enviar</button>
</div><br>
</form>
</div>
</div>
</div>
<br>
<div class="col-md-12" style="background-color: rgba(255, 255, 255, 0.8);margin-top: 30px;border-radius: 10px;">
@livewire('evidenciasindividuales', ['mision_id' => $mision->id])
</div>
</div>
</div>
<script>
$(function () {
// Summernote
$('#informacion').summernote({
height: '100%',
});
});
</script>
@livewireScripts
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists