From 5e5f575d065a251bb460f7d1842f7f9ff7632055 Mon Sep 17 00:00:00 2001
From: Julian Prieber <60265788+JulianPrieber@users.noreply.github.com>
Date: Tue, 24 May 2022 15:30:10 +0200
Subject: [PATCH] Update updater.blade.php

---
 resources/views/layouts/updater.blade.php | 129 ++++++++++++++++++++++
 1 file changed, 129 insertions(+)
diff --git a/resources/views/layouts/updater.blade.php b/resources/views/layouts/updater.blade.php
index 8b13789..7cd4936 100644
--- a/resources/views/layouts/updater.blade.php
+++ b/resources/views/layouts/updater.blade.php
@@ -1 +1,130 @@
 
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>{{ config('app.name') }}</title>
+  <?php $cleaner_input = strip_tags($message->home_message); ?>
+  <meta name="description" content="{{ $cleaner_input }}">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="{{ asset('littlelink/css/normalize.css') }}">
+  <link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
+  <link rel="stylesheet" href="{{ asset('littlelink/css/hover-min.css') }}">
+  <link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
+  <script src="https://kit.fontawesome.com/c4a5e06183.js" crossorigin="anonymous"></script>
+  @if(file_exists(base_path("littlelink/images/avatar.png" )))
+  <link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
+  @else
+  <link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
+  @endif
+
+                                                        {{-- custom font for logo text --}}
+  <style>@font-face{font-family:'ll';src:url({{ asset('littlelink/fonts/littlelink-custom.otf') }}) format("opentype")}</style>
+
+  <?php // override dark/light mode if override cookie is set
+  $color_scheme_override = isset($_COOKIE["color_scheme_override"]) ? $_COOKIE["color_scheme_override"] : false; ?>
+  @if ($color_scheme_override == 'dark')
+  <link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-dark.css') }}">
+  @elseif ($color_scheme_override == 'light')
+  <link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
+  @else
+  <link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-auto.css') }}">
+  @endif
+
+<style>
+
+.logo-container {
+  padding-top: 30vh;
+}
+
+.logo-centered {
+  top: 44vh;
+  font-size: 130px;
+}
+
+.logo-img{
+    position: relative;
+    width: 250px;
+    height: auto;
+}
+
+.loading {
+  animation: loading 3s linear infinite;
+}
+
+@keyframes loading {
+  from {
+  	transform: rotate(0deg);
+  }
+  
+  to {
+  	transform: rotate(359deg);
+  }
+}
+
+.generic {
+  margin: auto;
+  width: 2.5em;
+  height: 2.5em;
+  border: 0.4em solid transparent;
+  border-color: #eee;
+  border-top-color: #333;
+  border-radius: 50%;
+  animation: loadingspin 1s linear infinite;
+}
+
+@keyframes loadingspin {
+	100% {
+			transform: rotate(360deg)
+	}
+}
+
+.loadingtxt:after {
+  content: '.';
+  animation: dots 1.5s steps(5, end) infinite;}
+
+@keyframes dots {
+  0%, 20% {
+    color: rgba(0,0,0,0);
+    text-shadow:
+      .25em 0 0 rgba(0,0,0,0),
+      .5em 0 0 rgba(0,0,0,0);}
+  40% {
+    color: white;
+    text-shadow:
+      .25em 0 0 rgba(0,0,0,0),
+      .5em 0 0 rgba(0,0,0,0);}
+  60% {
+    text-shadow:
+      .25em 0 0 white,
+      .5em 0 0 rgba(0,0,0,0);}
+  80%, 100% {
+    text-shadow:
+      .25em 0 0 white,
+      .5em 0 0 white;}}
+
+button {
+    border-style: none;
+    background-color: #0085ff;
+}
+button:hover {
+    background-color: #0065c1;
+    box-shadow: 0 10px 20px -10px rgba(0,0,0, 0.6);
+}
+
+.btn {
+    color: #FFF !important;
+}
+
+</style>
+
+@stack('updater-head')
+
+</head>
+<body>
+
+@stack('updater-body')
+
+</body>
+</html>
