Skip to content

Commit be2f084

Browse files
committed
feat: base template and styles
reusing a ton of content + styles from the main compiler.la site referenced directly from the live URL at https://compiler.la
1 parent 5edac07 commit be2f084

File tree

3 files changed

+126
-1
lines changed

3 files changed

+126
-1
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Published online at <https://docs.compiler.la>
88
- [Compiler's blog](https://compiler.la/blog) and [feed](https://compiler.la/blog/feed.xml)
99
- [Compiler's GitHub](https://github.com/compilerla)
1010

11-
## What is this repository for?
11+
## What is this repository?
1212

1313
This is Compiler's [GitHub Pages organization repository](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#types-of-github-pages-sites), served under a custom domain using a
1414
[CNAME](https://github.com/compilerla/compilerla.github.io/blob/main/CNAME) file.

_layouts/default.html

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
{% seo %}
7+
<meta property="og:image" content="https://compiler.la/assets/compiler_share.png" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link
11+
rel="icon"
12+
href="https://compiler.la/favicon.ico"
13+
sizes="any">
14+
<link
15+
rel="icon"
16+
href="https://compiler.la/icon.svg"
17+
type="image/svg+xml">
18+
<link rel="apple-touch-icon" href="https://compiler.la/apple-touch-icon.png">
19+
20+
<link
21+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
22+
rel="stylesheet"
23+
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
24+
crossorigin="anonymous">
25+
<script
26+
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
27+
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
28+
crossorigin="anonymous"></script>
29+
30+
<link rel="preconnect" href="https://fonts.googleapis.com">
31+
<link
32+
rel="preconnect"
33+
href="https://fonts.gstatic.com"
34+
crossorigin>
35+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Source+Code+Pro:wght@500;600;700&display=swap" rel="stylesheet">
36+
37+
<link
38+
type="text/css"
39+
rel="stylesheet"
40+
href="/styles/theme.css">
41+
42+
<!-- Global site tag (gtag.js) - Google Analytics -->
43+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VR1QBF67SK"></script>
44+
<script>
45+
window.dataLayer = window.dataLayer || [];
46+
function gtag() { dataLayer.push(arguments); }
47+
gtag('js', new Date());
48+
49+
gtag('config', 'G-VR1QBF67SK');
50+
</script>
51+
</head>
52+
53+
<body>
54+
<header class="container-fluid">
55+
<nav class="navbar navbar-dark">
56+
<a class="d-inline-block" href="/"><img
57+
width="88"
58+
height="46"
59+
src="https://compiler.la/assets/compiler_logo_stacked.svg"
60+
alt="Compiler logo" /></a>
61+
</nav>
62+
</header>
63+
64+
<main class="container-fluid overflow-hidden">
65+
<div class="row">
66+
<div class="container">
67+
<div class="offset-2 offset-lg-1 col-8 col-lg-10">
68+
<img
69+
alt=""
70+
width="108.995px"
71+
height="8"
72+
src="https://compiler.la/assets/compiler_brandpattern.svg">
73+
<section class="mt-3 pt-4">
74+
{{ content }}
75+
</section>
76+
</div>
77+
</div>
78+
</div>
79+
</main>
80+
81+
<footer class="border-top border-light">
82+
<div class="container-fluid">
83+
<div class="row d-flex flex-column flex-lg-row row-cols-lg-4">
84+
<div class="pt-lg-5 mt-lg-1 pt-4 mt-3 pb-5">
85+
<a href="mailto:dev@compiler.la" class="h4 text-primary">dev@compiler.la</a>
86+
<p class="address pt-2 mb-0">
87+
525 S Hewitt St<br/>Los Angeles, CA 90013
88+
</p>
89+
</div>
90+
</div>
91+
<div class="d-flex social-media-container">
92+
<div class="d-flex py-4 gap-md-4 gap-3">
93+
<a
94+
aria-label="Compiler on GitHub"
95+
class="social-media-icon"
96+
href="https://github.com/compilerla">
97+
<i class="github"></i>
98+
</a>
99+
<a
100+
aria-label="Compiler on LinkedIn"
101+
class="social-media-icon"
102+
href="https://www.linkedin.com/company/compiler-la">
103+
<i class="linkedin"></i>
104+
</a>
105+
</div>
106+
<img
107+
class="brandmark ms-auto"
108+
src="https://compiler.la/assets/compiler_brandmark.svg"
109+
alt="Compiler brandmark">
110+
</div>
111+
</div>
112+
</footer>
113+
</body>
114+
115+
</html>

styles/theme.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
@import url("https://compiler.la/styles/base.css");
2+
3+
:root {
4+
--brand-primary-purple: #defdef;
5+
--bs-code-color: var(--brand-primary-purple);
6+
}
7+
8+
p {
9+
margin-top: 1rem;
10+
}

0 commit comments

Comments
 (0)