diff options
Diffstat (limited to 'resources/views/others')
-rw-r--r-- | resources/views/others/index.edge | 95 |
1 files changed, 82 insertions, 13 deletions
diff --git a/resources/views/others/index.edge b/resources/views/others/index.edge index c594d31..ef3bbfa 100644 --- a/resources/views/others/index.edge +++ b/resources/views/others/index.edge | |||
@@ -1,6 +1,87 @@ | |||
1 | @layout('layouts.main') | 1 | @layout('layouts.v2') |
2 | 2 | ||
3 | @section('content') | 3 | @section('content') |
4 | <div class="leading-normal tracking-normal text-gray-900" style="font-family: 'Source Sans Pro', sans-serif;"> | ||
5 | |||
6 | <div class="h-screen bg-right bg-cover"> | ||
7 | <!--Main--> | ||
8 | <div class="container pt-10 md:pt-14 px-6 mx-auto flex flex-wrap flex-col md:flex-row items-center"> | ||
9 | |||
10 | <!--Left Col--> | ||
11 | <div class="flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden"> | ||
12 | <h1 | ||
13 | class="my-4 text-3xl md:text-5xl text-purple-800 font-bold leading-tight text-center md:text-left slide-in-bottom-h1"> | ||
14 | Ferdi Server | ||
15 | </h1> | ||
16 | <p class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left slide-in-bottom-subtitle"> | ||
17 | You are accessing a custom <a href="https://github.com/getferdi/ferdi">Ferdi</a> server. | ||
18 | </p> | ||
19 | |||
20 | <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in"> | ||
21 | Setup your client | ||
22 | </p> | ||
23 | <div class="flex w-full justify-center md:justify-start pb-24 lg:pb-0 fade-in"> | ||
24 | <ol class="list-decimal list-inside"> | ||
25 | <li> | ||
26 | Logout of Ferdi, if you are currently logged in | ||
27 | </li> | ||
28 | <li> | ||
29 | Choose "Change Server" to get to the settings screen | ||
30 | </li> | ||
31 | <li> | ||
32 | Enter <code id="server"></code> | ||
33 | </li> | ||
34 | </ol> | ||
35 | </div> | ||
36 | |||
37 | <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in pt-8"> | ||
38 | Don't have Ferdi yet? | ||
39 | </p> | ||
40 | <a href="https://getferdi.com" class="bg-gray-700 hover:bg-gray-900 text-white font-bold py-2 px-4 rounded"> | ||
41 | Get Ferdi now | ||
42 | </a> | ||
43 | |||
44 | <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in pt-8"> | ||
45 | Manage your account | ||
46 | </p> | ||
47 | <a href="https://getferdi.com" class="bg-gray-700 hover:bg-gray-900 text-white font-bold py-2 px-4 rounded"> | ||
48 | Go to account dashboard | ||
49 | </a> | ||
50 | |||
51 | </div> | ||
52 | |||
53 | <!--Right Col--> | ||
54 | <div class="w-full xl:w-3/5 py-6 overflow-y-hidden"> | ||
55 | <img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom" src="{{ assetsUrl('img/hero.png') }}"> | ||
56 | </div> | ||
57 | |||
58 | <!--Footer--> | ||
59 | <div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in"> | ||
60 | <a class="text-gray-500 no-underline hover:no-underline" href="https://github.com/getferdi"> | ||
61 | Ferdi server is a project by The Ferdi Team | ||
62 | </a> | ||
63 | </div> | ||
64 | |||
65 | </div> | ||
66 | |||
67 | <script> | ||
68 | // Get server URL for current location | ||
69 | let server = location.href.replace('/index.html', ''); | ||
70 | if (server[server.length - 1] == '/') { | ||
71 | server = server.substr(0, server.length - 1) | ||
72 | } | ||
73 | |||
74 | // Show on page | ||
75 | document.getElementById('server').innerText = server; | ||
76 | |||
77 | </script> | ||
78 | |||
79 | </div> | ||
80 | </div> | ||
81 | @endsection | ||
82 | |||
83 | |||
84 | @section('nothing') | ||
4 | <style> | 85 | <style> |
5 | ol, | 86 | ol, |
6 | p { | 87 | p { |
@@ -23,16 +104,4 @@ | |||
23 | <a href="https://github.com/vantezzen/ferdi-server">ferdi-server</a> is a project by <a | 104 | <a href="https://github.com/vantezzen/ferdi-server">ferdi-server</a> is a project by <a |
24 | href="https://vantezzen.io">vantezzen</a>. | 105 | href="https://vantezzen.io">vantezzen</a>. |
25 | </small> | 106 | </small> |
26 | |||
27 | <script> | ||
28 | // Get server URL for current location | ||
29 | let server = location.href.replace('/index.html', ''); | ||
30 | if (server[server.length - 1] == '/') { | ||
31 | server = server.substr(0, server.length - 1) | ||
32 | } | ||
33 | |||
34 | // Show on page | ||
35 | document.getElementById('server').innerText = server; | ||
36 | |||
37 | </script> | ||
38 | @endsection | 107 | @endsection |