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
compilerla · Dec 17, 2024 · be2f084 · be2f084
1 parent 5edac07
commit be2f084
Show file tree

Hide file tree

Showing 3 changed files with 126 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -8,7 +8,7 @@ Published online at <https://docs.compiler.la>
 - [Compiler's blog](https://compiler.la/blog) and [feed](https://compiler.la/blog/feed.xml)
 - [Compiler's GitHub](https://github.com/compilerla)
 
-## What is this repository for?
+## What is this repository?
 
 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
 [CNAME](https://github.com/compilerla/compilerla.github.io/blob/main/CNAME) file.

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="utf-8">
+    {% seo %}
+    <meta property="og:image" content="https://compiler.la/assets/compiler_share.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link
+      rel="icon"
+      href="https://compiler.la/favicon.ico"
+      sizes="any">
+    <link
+      rel="icon"
+      href="https://compiler.la/icon.svg"
+      type="image/svg+xml">
+    <link rel="apple-touch-icon" href="https://compiler.la/apple-touch-icon.png">
+
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
+      crossorigin="anonymous">
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
+      crossorigin="anonymous"></script>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+      crossorigin>
+    <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">
+
+    <link
+      type="text/css"
+      rel="stylesheet"
+      href="/styles/theme.css">
+
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VR1QBF67SK"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-VR1QBF67SK');
+    </script>
+  </head>
+
+  <body>
+    <header class="container-fluid">
+      <nav class="navbar navbar-dark">
+        <a class="d-inline-block" href="/"><img
+            width="88"
+            height="46"
+            src="https://compiler.la/assets/compiler_logo_stacked.svg"
+            alt="Compiler logo" /></a>
+      </nav>
+    </header>
+
+    <main class="container-fluid overflow-hidden">
+      <div class="row">
+        <div class="container">
+          <div class="offset-2 offset-lg-1 col-8 col-lg-10">
+            <img
+              alt=""
+              width="108.995px"
+              height="8"
+              src="https://compiler.la/assets/compiler_brandpattern.svg">
+            <section class="mt-3 pt-4">
+              {{ content }}
+            </section>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <footer class="border-top border-light">
+      <div class="container-fluid">
+        <div class="row d-flex flex-column flex-lg-row row-cols-lg-4">
+          <div class="pt-lg-5 mt-lg-1 pt-4 mt-3 pb-5">
+            <a href="mailto:dev@compiler.la" class="h4 text-primary">dev@compiler.la</a>
+            <p class="address pt-2 mb-0">
+              525 S Hewitt St<br/>Los Angeles, CA 90013
+            </p>
+          </div>
+        </div>
+        <div class="d-flex social-media-container">
+          <div class="d-flex py-4 gap-md-4 gap-3">
+            <a
+              aria-label="Compiler on GitHub"
+              class="social-media-icon"
+              href="https://github.com/compilerla">
+              <i class="github"></i>
+            </a>
+            <a
+              aria-label="Compiler on LinkedIn"
+              class="social-media-icon"
+              href="https://www.linkedin.com/company/compiler-la">
+              <i class="linkedin"></i>
+            </a>
+          </div>
+          <img
+            class="brandmark ms-auto"
+            src="https://compiler.la/assets/compiler_brandmark.svg"
+            alt="Compiler brandmark">
+        </div>
+      </div>
+    </footer>
+  </body>
+
+</html>
diff --git a/styles/theme.css b/styles/theme.css
@@ -0,0 +1,10 @@
+@import url("https://compiler.la/styles/base.css");
+
+:root {
+  --brand-primary-purple: #defdef;
+  --bs-code-color: var(--brand-primary-purple);
+}
+
+p {
+  margin-top: 1rem;
+}