-
Notifications
You must be signed in to change notification settings - Fork 0
/
secure.liquid
122 lines (115 loc) · 6.85 KB
/
secure.liquid
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
---
layout: default
title: "Directus x DevCycle"
description: "Demo of Directus and DevCycle Working Together"
permalink:
dynamic: "/secure/"
secure:
unauthenticatedRedirect: "/"
---
<section class="w-full px-6 pb-12 antialiased bg-white">
<div class="mx-auto max-w-7xl">
<nav class="relative z-50 h-24 select-none" x-data="{ showMenu: false }">
<div
class="container relative flex flex-wrap items-center justify-between h-24 mx-auto overflow-hidden font-medium border-b border-gray-200 md:overflow-visible lg:justify-center sm:px-4 md:px-2 lg:px-0">
<div class="flex items-center justify-start w-1/4 h-full pr-4">
<a href="#_" class="flex items-center py-4 space-x-2 font-extrabold text-gray-900 md:py-0">
<span class="flex items-center justify-center w-8 h-8 text-white bg-gray-900 rounded-full">
<svg class="w-auto h-5 -translate-y-px" viewBox="0 0 69 66" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="m31.2 12.2-3.9 12.3-13.4.5-13.4.5 10.7 7.7L21.8 41l-3.9 12.1c-2.2 6.7-3.8 12.4-3.6 12.5.2.2 5-3 10.6-7.1 5.7-4.1 10.9-7.2 11.5-6.8.6.4 5.3 3.8 10.5 7.5 5.2 3.8 9.6 6.6 9.8 6.4.2-.2-1.4-5.8-3.6-12.5l-3.9-12.2 8.5-6.2c14.7-10.6 14.8-9.6-.4-9.7H44.2L40 12.5C37.7 5.6 35.7 0 35.5 0c-.3 0-2.2 5.5-4.3 12.2Z"
fill="currentColor" />
</svg>
</span>
<span>AWESOME CO.</span>
</a>
</div>
<div
class="top-0 left-0 items-start hidden w-full h-full p-4 text-sm bg-gray-900 bg-opacity-50 md:items-center md:w-3/4 md:absolute lg:text-base md:bg-transparent md:p-0 md:relative md:flex"
:class="{'flex fixed': showMenu, 'hidden': !showMenu }">
<div
class="flex-col w-full h-auto overflow-hidden bg-white rounded-lg md:bg-transparent md:overflow-visible md:rounded-none md:relative md:flex md:flex-row">
<a href="#_"
class="inline-flex items-center block w-auto h-16 px-6 text-xl font-black leading-none text-gray-900 md:hidden">
<svg class="w-auto h-5" viewBox="0 0 355 99" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path
d="M119.1 87V66.4h19.8c34.3 0 34.2-49.5 0-49.5-11 0-22 .1-33 .1v70h13.2zm19.8-32.7h-19.8V29.5h19.8c16.8 0 16.9 24.8 0 24.8zm32.6-30.5c0 9.5 14.4 9.5 14.4 0s-14.4-9.5-14.4 0zM184.8 87V37.5h-12.2V87h12.2zm22.8 0V61.8c0-7.5 5.1-13.8 12.6-13.8 7.8 0 11.9 5.7 11.9 13.2V87h12.2V61.1c0-15.5-9.3-24.2-20.9-24.2-6.2 0-11.2 2.5-16.2 7.4l-.8-6.7h-10.9V87h12.1zm72.1 1.3c7.5 0 16-2.6 21.2-8l-7.8-7.7c-2.8 2.9-8.7 4.6-13.2 4.6-8.6 0-13.9-4.4-14.7-10.5h38.5c1.9-20.3-8.4-30.5-24.9-30.5-16 0-26.2 10.8-26.2 25.8 0 15.8 10.1 26.3 27.1 26.3zM292 56.6h-26.6c1.8-6.4 7.2-9.6 13.8-9.6 7 0 12 3.2 12.8 9.6zm41.2 32.1c14.1 0 21.2-7.5 21.2-16.2 0-13.1-11.8-15.2-21.1-15.8-6.3-.4-9.2-2.2-9.2-5.4 0-3.1 3.2-4.9 9-4.9 4.7 0 8.7 1.1 12.2 4.4l6.8-8c-5.7-5-11.5-6.5-19.2-6.5-9 0-20.8 4-20.8 15.4 0 11.2 11.1 14.6 20.4 15.3 7 .4 9.8 1.8 9.8 5.2 0 3.6-4.3 6-8.9 5.9-5.5-.1-13.5-3-17-6.9l-6 8.7c7.2 7.5 15 8.8 22.8 8.8z"
id="a"></path>
</defs>
<g fill="none" fill-rule="evenodd">
<g fill="currentColor">
<path d="M19.742 49h28.516L68 83H0l19.742-34z"></path>
<path d="M26 69h14v30H26V69zM4 50L33.127 0 63 50H4z"></path>
</g>
<g fill-rule="nonzero">
<use fill="currentColor" xlink:href="#a"></use>
<use fill="currentColor" xlink:href="#a"></use>
</g>
</g>
</svg>
</a>
<div
class="flex flex-col items-start justify-center w-full space-x-6 text-center lg:space-x-8 md:w-2/3 md:mt-0 md:flex-row md:items-center">
</div>
<div class="flex flex-col items-start justify-end w-full pt-4 md:items-center md:w-1/3 md:flex-row md:py-0">
<form action="{{ page.url }}" method="get">
<input type="hidden" name="logout" value="">
<button type="submit"
class="inline-flex items-center w-full px-5 px-6 py-3 text-sm font-medium leading-4 text-white bg-gray-900 md:w-auto md:rounded-full hover:bg-gray-800 focus:outline-none md:focus:ring-2 focus:ring-0 focus:ring-offset-2 focus:ring-gray-800">Sign
Out</button>
</form>
</div>
</div>
</div>
</div>
</nav>
<!-- Main Hero Content -->
<div
class="container max-w-sm py-32 mx-auto mt-px text-left sm:max-w-md md:max-w-lg sm:px-4 md:max-w-none md:text-center">
<div class="py-24 bg-white sm:py-8">
<div class="px-6 mx-auto max-w-7xl lg:px-8">
<div class="max-w-2xl mx-auto">
<h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">News From the team</h2>
<p class="mt-2 text-lg leading-8 text-gray-600">Learn more about our awesome new project.</p>
<div class="pt-10 mt-10 space-y-16 border-t border-gray-200 sm:mt-16 sm:pt-16">
{%- for data in news.data -%}
<article class="flex flex-col items-start justify-between max-w-xl">
<div class="flex items-center text-xs gap-x-4">
<time datetime="" class="text-gray-500">{{data.date_created | date: "%a, %b %d, %Y" }}</time>
<a href="#"
class="relative z-10 rounded-full bg-green-50 px-3 py-1.5 font-medium text-gray-600 hover:bg-gray-100">Announcement</a>
</div>
<div class="relative group">
<h3 class="mt-3 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
<a href="#">
<span class="absolute inset-0"></span>
{{data.title}}
</a>
</h3>
<p class="mt-5 text-sm text-left leading-6 text-gray-600 line-clamp-3">{{data.description}}</p>
</div>
<div class="relative flex items-center text-left mt-8 gap-x-4">
<img src="https://i.pravatar.cc/300" alt="" class="w-10 h-10 rounded-full bg-gray-50">
<div class="text-sm leading-6">
<p class="font-semibold text-gray-900">
<a href="#">
<span class="absolute inset-0"></span>
Your Name
</a>
</p>
<p class="text-gray-600">Head of Product</p>
</div>
</div>
</article>
{%- endfor -%}
</div>
</div>
</div>
</div>
</div>
<!-- End Main Hero Content -->
</div>
</section>