-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjoin.html
More file actions
112 lines (104 loc) · 6.2 KB
/
join.html
File metadata and controls
112 lines (104 loc) · 6.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ReForceMind</title>
<link rel="icon" type="image/png" href="favicon.png">
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Libre+Franklin:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
rel="stylesheet" />
<script src="js/tailwind.config.js"></script>
<style>
.material-symbols-outlined {
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
</style>
</head>
<body class="bg-white text-ink-black font-body-md antialiased min-h-screen flex flex-col relative overflow-x-hidden">
<div class="fixed inset-0 pointer-events-none z-0"
style="background-image: linear-gradient(to right, rgba(0,0,0,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.06) 1px, transparent 1px); background-size: 64px 64px;">
</div>
<div id="navbar-placeholder"></div>
<main
class="flex-grow w-full max-w-7xl mx-auto px-4 md:px-grid-margin pt-24 pb-section-gap grid grid-cols-4 md:grid-cols-12 gap-grid-gutter relative">
<div class="col-span-4 md:col-span-8 md:col-start-3 flex flex-col gap-12 z-10">
<section class="border-b-[0.5px] border-ink-black pb-8">
<h1 class="text-headline-lg-mobile md:text-headline-display font-headline-display mb-6">Careers</h1>
<p class="text-body-lg font-body-lg text-on-surface-variant max-w-2xl mb-4">
Reforcemind explores the fundamental post-training bottlenecks of Vision-Language-Action models.
</p>
</section>
<section id="roles-list" class="w-full">
</section>
<section class="border-t-[0.5px] border-ink-black pt-8 mt-4">
<h2 class="text-label-caps font-label-caps uppercase tracking-widest text-ink-black mb-4">Application
Protocol</h2>
<div class="bg-ink-black text-parchment-base p-8 rounded-sm relative overflow-hidden">
<div class="absolute -right-12 -top-12 opacity-10 pointer-events-none">
<span class="material-symbols-outlined text-9xl"
style="font-variation-settings: 'FILL' 1;">terminal</span>
</div>
<p class="text-body-lg font-body-lg mb-6 relative z-10">
No forms. Send an email to <a
class="underline decoration-[0.5px] hover:text-ochre-discovery transition-colors"
href="mailto:igorjankowwski@gmail.com">igorjankowwski@gmail.com</a>.
</p>
<ul class="text-technical-sm font-technical-sm space-y-3 opacity-90 relative z-10">
<li class="flex items-start gap-2">
<span class="mt-1">▪</span>
<span>Include your GitHub profile.</span>
</li>
<li class="flex items-start gap-2">
<span class="mt-1">▪</span>
<span>Attach a current CV.</span>
</li>
<li class="flex items-start gap-2">
<span class="mt-1">▪</span>
<span>Include a brief note about the most difficult technical system you’ve built or
researched.</span>
</li>
</ul>
</div>
</section>
</div>
</main>
<div id="footer-placeholder"></div>
<div id="role-modal" class="fixed inset-0 z-[100] hidden items-center justify-center">
<div class="absolute inset-0 bg-ink-black/60 backdrop-blur-sm transition-opacity" onclick="closeModal()"></div>
<div class="bg-white border-[0.5px] border-ink-black w-full max-w-xl mx-4 rounded-2xl relative z-10 shadow-2xl overflow-hidden flex flex-col transform transition-transform scale-95 opacity-0"
id="modal-content">
<div class="p-6 border-b-[0.5px] border-ink-black flex justify-between items-start bg-parchment-base">
<div>
<span id="modal-team"
class="inline-block px-3 py-1 bg-surface-bright text-label-caps font-label-caps rounded-full border-[0.5px] border-ink-black mb-4">Team</span>
<h2 id="modal-title" class="text-headline-lg font-headline-lg text-ink-black">Role Title</h2>
</div>
<button onclick="closeModal()" class="text-on-surface-variant hover:text-ink-black transition-colors">
<span class="material-symbols-outlined">close</span>
</button>
</div>
<div class="p-6 bg-white overflow-y-auto max-h-[50vh]">
<p id="modal-desc" class="text-body-md font-body-md text-ink-black whitespace-pre-wrap leading-relaxed">
</p>
</div>
<div class="p-6 border-t-[0.5px] border-ink-black bg-surface-bright flex justify-end">
<a href="mailto:careers@reforcemind.com"
class="inline-flex items-center gap-2 bg-ink-black text-parchment-base px-6 py-3 rounded-full hover:bg-forest-intellect transition-colors shadow-sm">
<span class="text-label-caps font-label-caps uppercase tracking-wider">Apply Now</span>
<span class="material-symbols-outlined text-sm">arrow_forward</span>
</a>
</div>
</div>
</div>
<script src="js/data.js"></script>
<script src="js/components.js"></script>
<script src="js/join.js"></script>
</body>
</html>