File: /var/www/html/desafiatebasa.sumar.com.py/resources/views/welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Desafiarte BASA</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
@font-face {
font-family: 'CeraPRO';
src: url('/fonts/CeraPro-Light.ttf') format('truetype');
font-style: normal;
font-weight: 300;
}
@font-face {
font-family: 'CeraPRO';
src: url('/fonts/CeraPro-Regular.ttf') format('truetype');
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'CeraPRO';
src: url('/fonts/CeraPro-Bold.ttf') format('truetype');
font-style: normal;
font-weight: 700;
}
*{
font-family: "CeraPRO";
}
body {
background: url(/imgsystem/bg.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
@livewireStyles
</head>
<body>
<?php
use App\Models\Modal;
$popup=Modal::first();
?>
<livewire:navbar></livewire:navbar>
@livewire('desafioindividualfront', ['vista' => 1])
@if($popup->estado == 1)
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{$popup->nombre}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="center">
@if($popup->tipo == 'imagen')
<img src="{{ asset('modal/'.$popup->enlace) }}" width="100%"><br>
@elseif($popup->tipo == 'video')
<video src="{{ asset('modal/'.$popup->enlace) }}" controls width="100%"></video><br>
@endif
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<script>
$('#modal').modal('show')
</script>
@endif
@livewireScripts
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
window.livewire.on('alert', param => {
toastr[param['type']](param['message']);
});
</script>
</body>
</html>