Add new home page

author: vantezzen <hello@vantezzen.io> 2020-04-02 14:22:49 +0200
committer: vantezzen <hello@vantezzen.io> 2020-04-02 14:22:49 +0200
commit: 0e369c712354839d56037b8e70b0976e444a8514 (patch)
tree: 15af7ec272062bbd4344dc12dba9df559b006fc8 /resources
parent: getferdi/ferdi#294 Fix problem when removing workspaces (diff)
download: ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.tar.gz
ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.tar.zst
ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.zip
2 files changed, 100 insertions, 13 deletions
diff --git a/resources/views/layouts/v2.edge b/resources/views/layouts/v2.edge
new file mode 100644
index 0000000..39f8085
--- /dev/null
+++ b/resources/views/layouts/v2.edge
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Ferdi Server</title>
+  {{ style('css/tailwind') }}
+  {{ style('css/main') }}
+</head>
+<body>
+    @!section('content')
+</body>
+</html>
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 @@
-@layout('layouts.main')
+@layout('layouts.v2')
 @section('content')
+<div class="leading-normal tracking-normal text-gray-900" style="font-family: 'Source Sans Pro', sans-serif;">
+  <div class="h-screen bg-right bg-cover">
+    <!--Main-->
+    <div class="container pt-10 md:pt-14 px-6 mx-auto flex flex-wrap flex-col md:flex-row items-center">
+      <!--Left Col-->
+      <div class="flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden">
+        <h1
+          class="my-4 text-3xl md:text-5xl text-purple-800 font-bold leading-tight text-center md:text-left slide-in-bottom-h1">
+          Ferdi Server
+        </h1>
+        <p class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left slide-in-bottom-subtitle">
+          You are accessing a custom <a href="https://github.com/getferdi/ferdi">Ferdi</a> server.
+        </p>
+        <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in">
+          Setup your client
+        </p>
+        <div class="flex w-full justify-center md:justify-start pb-24 lg:pb-0 fade-in">
+          <ol class="list-decimal list-inside">
+            <li>
+              Logout of Ferdi, if you are currently logged in
+            </li>
+            <li>
+              Choose "Change Server" to get to the settings screen
+            </li>
+            <li>
+              Enter <code id="server"></code>
+            </li>
+          </ol>
+        </div>
+        <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in pt-8">
+          Don't have Ferdi yet?
+        </p>
+        <a href="https://getferdi.com" class="bg-gray-700 hover:bg-gray-900 text-white font-bold py-2 px-4 rounded">
+          Get Ferdi now
+        </a>
+        <p class="text-gray-700 font-bold pb-8 lg:pb-6 text-center md:text-left fade-in pt-8">
+          Manage your account
+        </p>
+        <a href="https://getferdi.com" class="bg-gray-700 hover:bg-gray-900 text-white font-bold py-2 px-4 rounded">
+          Go to account dashboard
+        </a>
+      </div>
+      <!--Right Col-->
+      <div class="w-full xl:w-3/5 py-6 overflow-y-hidden">
+        <img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom" src="{{ assetsUrl('img/hero.png') }}">
+      </div>
+      <!--Footer-->
+      <div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in">
+        <a class="text-gray-500 no-underline hover:no-underline" href="https://github.com/getferdi">
+          Ferdi server is a project by The Ferdi Team
+        </a>
+      </div>
+    </div>
+    <script>
+      // Get server URL for current location
+      let server = location.href.replace('/index.html', '');
+      if (server[server.length - 1] == '/') {
+        server = server.substr(0, server.length - 1)
+      }
+    
+      // Show on page
+      document.getElementById('server').innerText = server;
+    
+    </script>
+  </div>
+</div>
+@endsection
+@section('nothing')
 <style>
  ol,
  p {
@@ -23,16 +104,4 @@
  <a href="https://github.com/vantezzen/ferdi-server">ferdi-server</a> is a project by <a
    href="https://vantezzen.io">vantezzen</a>.
 </small>
-<script>
-  // Get server URL for current location
-  let server = location.href.replace('/index.html', '');
-  if (server[server.length - 1] == '/') {
-    server = server.substr(0, server.length - 1)
-  }
-  // Show on page
-  document.getElementById('server').innerText = server;
-</script>
 @endsection
author	vantezzen <hello@vantezzen.io>	2020-04-02 14:22:49 +0200
committer	vantezzen <hello@vantezzen.io>	2020-04-02 14:22:49 +0200
commit	0e369c712354839d56037b8e70b0976e444a8514 (patch)
tree	15af7ec272062bbd4344dc12dba9df559b006fc8 /resources
parent	getferdi/ferdi#294 Fix problem when removing workspaces (diff)
download	ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.tar.gz ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.tar.zst ferdium-server-0e369c712354839d56037b8e70b0976e444a8514.zip

diff --git a/resources/views/layouts/v2.edge b/resources/views/layouts/v2.edge new file mode 100644 index 0000000..39f8085 --- /dev/null +++ b/resources/views/layouts/v2.edge
@@ -0,0 +1,18 @@
		1	<!DOCTYPE html>
		2	<html lang="en">
		3
		4	<head>
		5	<meta charset="UTF-8">
		6	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		7	<meta http-equiv="X-UA-Compatible" content="ie=edge">
		8	<title>Ferdi Server</title>
		9
		10	{{ style('css/tailwind') }}
		11	{{ style('css/main') }}
		12	</head>
		13
		14	<body>
		15	@!section('content')
		16	</body>
		17
		18	</html>


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