-
Notifications
You must be signed in to change notification settings - Fork 0
/
companion.html
90 lines (73 loc) · 10.1 KB
/
companion.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./img/favicon.png" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="content-security-policy" content=""><title>The Engineering Manager's Companion</title><meta name="description" content="A launchpad for developers who want to manage & lead effective engineering teams." data-svelte="svelte-1w4wf14"><meta name="author" content="Brian Dainton" data-svelte="svelte-1w4wf14"><meta property="og:url" content="https://briandainton.com/companion" data-svelte="svelte-1w4wf14"><meta property="og:type" content="website" data-svelte="svelte-1w4wf14"><meta property="og:title" content="The Engineering Manager's Companion" data-svelte="svelte-1w4wf14"><meta property="og:description" content="A launchpad for developers who want to manage & lead effective engineering teams." data-svelte="svelte-1w4wf14"><meta property="og:image" content="https://briandainton.com/img/launch.jpg" data-svelte="svelte-1w4wf14"><meta name="twitter:card" content="summary_large_image" data-svelte="svelte-1w4wf14"><meta property="twitter:domain" content="https://briandainton.com" data-svelte="svelte-1w4wf14"><meta property="twitter:url" content="https://briandainton.com/companion" data-svelte="svelte-1w4wf14"><meta name="twitter:title" content="The Engineering Manager's Companion" data-svelte="svelte-1w4wf14"><meta name="twitter:description" content="A launchpad for developers who want to manage & lead effective engineering teams." data-svelte="svelte-1w4wf14"><meta name="twitter:image" content="https://briandainton.com/img/launch.jpg" data-svelte="svelte-1w4wf14">
<link href="./_app/immutable/assets/app-962a32cc.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/start-647c3d59.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index-ef4f97a1.js">
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-f208db6b.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index-a8c01052.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/_layout.svelte-d33e6439.js">
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.js-fb8e19e2.js">
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-6d08a489.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/companion/_layout.svelte-dc9f5735.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Icon-35397eaa.js">
<link rel="modulepreload" href="./_app/immutable/chunks/stores-e24c4eb2.js">
<link rel="modulepreload" href="./_app/immutable/components/pages/companion/_page.svelte-f6e6d384.js">
<link rel="modulepreload" href="./_app/immutable/chunks/info-13a7f95e.js">
</head>
<body class="bg-offwhite">
<div>
<div class="min-w-fit"><header class="sticky top-0 min-w-fit z-50 flex flex-row bg-white p-4 shadow-xl"><a href="/companion"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-12 h-12"><g><path id="svg_2" stroke-linejoin="round" stroke-linecap="round" stroke="#000000" stroke-width="0.5" fill="#D1CF1580" d="m15.62499,21.8125c3.866,0 7,-3.134 7,-7c0,-3.866 -3.134,-7 -7,-7c-3.866,0 -7,3.134 -7,7c0,3.866 3.134,7 7,7z"></path><path id="svg_3" stroke-linejoin="round" stroke-linecap="round" stroke="#000000" stroke-width="0.5" fill="#D2000080" d="m8.43756,21.81251c3.866,0 7,-3.134 7,-7c0,-3.866 -3.134,-7 -7,-7c-3.866,0 -7,3.134 -7,7c0,3.866 3.134,7 7,7z"></path><path id="svg_1" stroke-linejoin="round" stroke-linecap="round" stroke="#000000" stroke-width="0.5" fill="#1588D180" d="m11.87497,15.75c3.866,0 7,-3.134 7,-7c0,-3.86599 -3.134,-7 -7,-7c-3.86599,0 -7,3.13401 -7,7c0,3.866 3.13401,7 7,7z"></path></g></svg></a>
<div class="mx-auto flex flex-row">
<div class="flex flex-row justify-items-start items-center mx-3 undefined"><a href="/companion/playbook" class="flex flex-row justify-items-start items-center p-0 text-lg text-charcoal hover:text-red100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="">><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
<p class="p-0 pl-2 small-caps hidden sm:inline">Playbook</p></a></div>
<div class="flex flex-row justify-items-start items-center mx-3 undefined"><a href="/companion/coaching" class="flex flex-row justify-items-start items-center p-0 text-lg text-charcoal hover:text-red100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class=""><path d="M16 8V5L19 2L20 4L22 5L19 8H16ZM16 8L12 11.9999M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
<p class="p-0 pl-2 small-caps hidden sm:inline">Coaching</p></a></div>
<div class="flex flex-row justify-items-start items-center mx-3 "><a href="/companion/media" class="flex flex-row justify-items-start items-center p-0 text-lg text-charcoal hover:text-red100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class=""><path d="M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4" stroke="#575757" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
<p class="p-0 pl-2 small-caps hidden sm:inline">Media</p></a></div></div></header>
<main class="relative">
<div class="my-16 mb-0 p-4 pb-0 max-w-screen-lg mx-auto grid grid-rows-2 md:grid-cols-2 md:grid-rows-1 gap-4"><div class="text-center"><p class="text-5xl">Run a dev team<br>with
<span class="font-bold text-transparent bg-clip-text bg-gradient-to-b from-red50 to-red100">confidence</span></p>
<p class="text-xl my-8 text-darkCharcoal p-4">The Engineering Manager's Companion is a launchpad for developers who want to <b>manage & lead effective engineering teams</b>.
</p>
<div class="flex flex-row justify-center md:justify-center "><a href="#options" class="w-48 block p-2 px-4 ml-4 rounded border border-2 border-red100 text-white bg-gradient-to-b from-red50 to-red100 small-caps text-sm hover:bg-red100 hover:text-white hover:shadow-xl">Let's Go</a></div></div>
<div class="mt-8 aspect-video"><div style="padding:56.25% 0 0 0;position:relative;"><iframe class="w-full aspect-video rounded-lg shadow-2xl" src="https://player.vimeo.com/video/758885735?h=b4fcb7c57f&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="companion-pitch"></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script></div></div>
<div id="options" class="anchor-offset p-4 md:mt-4"><a href="/companion/playbook" class="flex flex-col items-center p-8 mx-auto max-w-screen-sm md:max-w-screen-md text-center text-charcoal rounded bg-white hover:shadow-xl rounded-lg border border-lightestGray transition ease-in-out duration-500 transform hover:-translate-y-1"><p class="text-3xl text-red100">Use my playbook.</p>
<p class="pt-0">You don't need to start from scratch.<br>
<b>Jumpstart your team</b> with this opinionated template.
</p></a>
<a href="/companion/coaching" class="flex flex-col items-center my-4 p-8 mx-auto max-w-screen-sm md:max-w-screen-md text-center text-charcoal rounded bg-white hover:shadow-xl rounded-lg border border-lightestGray transition ease-in-out duration-500 transform hover:-translate-y-1"><p class="text-3xl text-red100">Apply for coaching.</p>
<p class="pt-0">Lean on me every week.<br>
<b>Please exploit</b> my decades of experience running teams.
</p></a>
<a href="/companion/media" class="flex flex-col items-center my-4 p-8 mx-auto max-w-screen-sm md:max-w-screen-md text-center text-charcoal rounded bg-white hover:shadow-xl rounded-lg border border-lightestGray transition ease-in-out duration-500 transform hover:-translate-y-1"><p class="text-3xl text-red100">Fill your brain.</p>
<p class="pt-0">These are my favorite books, podcasts, and channels.<br><b>Absorb them.</b> Devour them.
</p></a></div></main>
<footer class="w-full my-12"><div class="mx-auto flex justify-center"><a class="rounded-full p-4 bg-offwhite hover:bg-white hover:shadow-xl" href="/"><img class="h-8" src="/img/bd-logo.png"></a></div>
<div class="fixed bottom-0 right-0"><a class="rounded p-2 bg-offwhite hover:bg-white hover:shadow-xl" href="/companion/thanks">🙏</a></div></footer></div>
<script type="module" data-sveltekit-hydrate="1dxbo9c">
import { start } from "./_app/immutable/start-647c3d59.js";
start({
env: {},
hydrate: {
status: 200,
error: null,
node_ids: [0, 2, 7],
params: {},
routeId: "companion",
data: (function(a){return [a,a,a]}(null)),
form: null
},
paths: {"base":"","assets":""},
target: document.querySelector('[data-sveltekit-hydrate="1dxbo9c"]').parentNode,
trailing_slash: "never"
});
</script>
</div>
</body>
</html>