https://teatrulgong.ro/teatrulgong/stejar/auth/member/session/new

1<!DOCTYPE html>
2<html lang="ro" data-theme="light">
3<head>
4  

4<script nonce="LrFFaDce1ta0QxlSQaiy6Q==">!function(){var t=localStorage.getItem("color-theme")==="dark"?"dark":"light";document.documentElement.setAttribute("data-theme",t);if(t==="dark")document.documentElement.classList.add("dark")}()</script>

4
5
6  

6<script src="https://t.contentsquare.net/uxa/15971e14f72c8.js"></script>

6
7
8<title>Teatrul Gong</title>
9  <meta name="viewport" content="width=device-width,initial-scale=1">
10<meta name="apple-mobile-web-app-capable" content="yes">
11<meta name="mobile-web-app-capable" content="yes">
12<meta name="turbo-refresh-method" content="morph">
13<meta name="view-transition" content="same-origin" />
14
15<link rel="stylesheet" href="/assets/stejar/application-c8aa549d.css" data-turbo-track="reload" />
16
17  <style>
18    :root {
19        --color-primary-50: #fdf6f6;
20        --color-primary-100: #fceded;
21        --color-primary-200: #f8dbdb;
22        --color-primary-300: #f3c0c0;
23        --color-primary-400: #eea5a5;
24        --color-primary-500: #dd4a4a;
25        --color-primary-600: #d32828;
26        --color-primary-700: #ae2121;
27        --color-primary-800: #891a1a;
28        --color-primary-900: #701515;
29        --color-primary-950: #571010;
30        --color-brand: #374151;
31        --color-brand-large: #dd4a4a;
32        --color-brand-strong: #ae2121;
33        --color-brand-hover: #eea5a5;
34        --color-on-brand: #000000;
35        --color-secondary-50: #fdf6f6;
36        --color-secondary-100: #fceded;
37        --color-secondary-200: #f8dbdb;
38        --color-secondary-300: #f3c0c0;
39        --color-secondary-400: #eea5a5;
40        --color-secondary-500: #dd4a4a;
41        --color-secondary-600: #d32828;
42        --color-secondary-700: #ae2121;
43        --color-secondary-800: #891a1a;
44        --color-secondary-900: #701515;
45        --color-secondary-950: #571010;
46        --color-secondary: var(--color-secondary-600);
47    }
48    [data-theme="dark"] {
49      --color-brand: #eea5a5;
50      --color-brand-large: #eea5a5;
51      --color-brand-strong: #eea5a5;
52    }
53  </style>

54<script src="/assets/stejar/application-5450a0c7.js" data-turbo-track="reload" type="module"></script>

54
55
56<meta name="confirm-dialog-commit" content="Confirm">
57<meta name="confirm-dialog-cancel" content="Cancel">
58<meta name="csrf-param" content="authenticity_token" />
59<meta name="csrf-token" content="v0kKm2PfRFqGIUktWz4AP1Ie72AuIbcLbBpugLK7g-RPhCfjOdjN11eiJj_4iCO-JD4XbEHUrggG1sOfLz6z6w" />
60<meta name="csp-nonce" content="LrFFaDce1ta0QxlSQaiy6Q==" />
61<meta name="action-cable-url" content="/cable" />
62
63  <link rel="icon" type="image/png" sizes="32x32" href="https://teatrulgong.ro/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1NDQzLCJwdXIiOiJibG9iX2lkIn19--838c78c805999b9646c7748fc47fb179c5b45f2f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzMyLDMyXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--a08c2474de0fa8b7bfefddc69b67185e52fa1011/gong_fav1.png">
64  <link rel="icon" type="image/png" sizes="192x192" href="https://teatrulgong.ro/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1NDQzLCJwdXIiOiJibG9iX2lkIn19--838c78c805999b9646c7748fc47fb179c5b45f2f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzE5MiwxOTJdfSwicHVyIjoidmFyaWF0aW9uIn19--0318b4a63148b5eb6da9e3c80a94be1c09100016/gong_fav1.png">
65  <link rel="apple-touch-icon" sizes="180x180" href="https://teatrulgong.ro/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1NDQzLCJwdXIiOiJibG9iX2lkIn19--838c78c805999b9646c7748fc47fb179c5b45f2f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzE4MCwxODBdfSwicHVyIjoidmFyaWF0aW9uIn19--e43300f06d67d85b60c2f07e7de1de23797d78fa/gong_fav1.png">
66
67
68
69
70
71
72
73</head>
74<body class="antialiased">
75  <div id="flash-messages" class="fixed top-16 left-1/2 -translate-x-1/2 z-[2000] w-full max-w-xl px-4"></div>
76  <div class="min-h-dvh flex flex-col grain" style="background:linear-gradient(180deg, var(--color-surface-0) 0%, var(--color-surface-50) 40%, var(--color-surface-100) 100%)">
77    <main class="flex-1">
78      <div class="min-h-screen flex flex-col bg-surface-50 relative">
79    <div class="absolute top-5 left-6 z-10">
80      <a class="flex items-center gap-[5px] text-[13px] font-medium text-ink-600 hover:text-ink-900 transition-colors" href="/">
81        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
82          <path stroke-linecap="round" stroke-linejoin="round" d="M19 12H5M12 5l-7 7 7 7"/>
83        </svg>
84        Back
85</a>    </div>
86
87  <div class="flex-1 flex items-center justify-center px-5 py-20">
88    <div class="w-full max-w-[400px] bg-surface-0 border border-ink-100 rounded-[20px] pt-10 px-9 pb-8 shadow-md">
89      <div class="flex flex-col items-center mb-7">
90    <img skip_blurhash="true" alt="Teatrul Gong" class="max-w-[140px] max-h-[36px] object-contain" loading="lazy" src="https://teatrulgong.ro/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1NDYzLCJwdXIiOiJibG9iX2lkIn19--443e4175e4dc93258cb35c16e6c107e2ff851812/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpdCI6WzQwMCw1Nl19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--73b9474151f2dc37c7c6280993ff201eadd09ba8/logo-gong-mic.png" />
91</div>
92
93<div class="flex justify-center gap-[5px] mb-6">
94    <div class="w-4 h-[5px] rounded-sm bg-primary-500"></div>
95    <div class="w-[5px] h-[5px] rounded-full bg-ink-100"></div>
96</div>
97
98
99      <div class="text-xl font-bold text-ink-900 text-center mb-1.5 tracking-tight">Sign in</div>
100      <div class="text-[13.5px] text-ink-500 text-center mb-7 leading-snug">We&#39;ll send you a one-time code to sign in securely.</div>
101
102      <form action="/teatrulgong/stejar/auth/member/session" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7c920H7zDq1IaCiyX3hT4EClurCkVRq64X1gLLbwG6zLGtmJ8C7OecrUsiKUnywkmLOjzaVcMkqks3g7Vl8vJA" autocomplete="off" />
103        <div class="mb-4">
104          <label class="block text-[12.5px] font-semibold text-ink-700 mb-1.5 tracking-[0.01em]" for="email">Email Address</label>
105          <input required="required" autofocus="autofocus" autocomplete="email" placeholder="Enter your email" class="w-full h-[42px] border-[1.5px] border-ink-100 rounded-[10px] px-3.5 text-sm text-ink-900 bg-surface-0 outline-none focus:border-primary focus:ring-2 focus:ring-primary/10 transition-all placeholder:text-ink-500 appearance-none" type="email" name="email" id="email" />
106        </div>
107
108        <input type="submit" name="commit" value="Send Code" class="w-full h-11 bg-primary-500 text-on-brand rounded-[11px] text-sm font-bold cursor-pointer hover:bg-brand-hover transition-colors appearance-none border-0" data-disable-with="Send Code" />
109</form>
110      <div class="text-center mt-6 mb-2.5 text-[12.5px] font-semibold text-ink-500">
111        Don&#39;t have an account?
112      </div>
113
114      <a class="group flex items-center justify-center gap-2 w-full h-11 rounded-[11px] bg-primary-50 border border-primary-200 text-brand-strong dark:bg-primary-950/40 dark:border-primary-900 text-sm font-bold hover:ring-1 hover:ring-inset hover:ring-primary-200 hover:border-primary transition-colors" href="/teatrulgong/stejar/auth/member/registration/new">
115        Create account
116        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"
117             class="transition-transform group-hover:translate-x-0.5">
118          <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14M13 6l6 6-6 6"/>
119        </svg>
120</a>    </div>
121  </div>
122</div>
123
124    </main>
125  </div>
126</body>
127</html>