Skip to content

WIP - Typography, Home and Footer #99

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Jul 28, 2023
Merged

WIP - Typography, Home and Footer #99

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
9fc8ccb
feat(css): first pass at heading css
machikoyasuda Jul 27, 2023
cd7a0ab
feat(posting): add h2/h3 styling for Postings page
machikoyasuda Jul 27, 2023
68bb9fb
fix: font declaration
machikoyasuda Jul 27, 2023
ac1ad92
fix(css): move Posting styles to bottom section
machikoyasuda Jul 27, 2023
fcbaf74
chore: bad rebase oops
machikoyasuda Jul 27, 2023
1dc29d3
feat(posting): add custom Posting margins/padding, and H1 m/p bottom
machikoyasuda Jul 27, 2023
9adb331
feat(home): first pass at home and footer
machikoyasuda Jul 27, 2023
5f83a5f
feat(border-light): add border light color var
machikoyasuda Jul 27, 2023
d63b5f5
feat(home): add image, add margin/paddings
machikoyasuda Jul 28, 2023
27caa41
Merge branch 'feat/37-colors-only' into feat/footer
machikoyasuda Jul 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions _includes/certs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
{% for cert in site.data.certs %}
<div>
<h2 class="san-serif heading">{{ cert.name }}</h2>
<ul class="no-bullets">
<div class="pe-lg-5 pt-lg-5 mt-lg-1 pb-md-0 pb-5">
<h2 class="h4 pb-md-2">{{ cert.name }}</h2>
<ul class="list-unstyled">
{% for value in cert.values %}
<li>{{ value }}</li>
<li class="mt-3">{{ value }}</li>
{% endfor %}
</ul>
</div>
Expand Down
43 changes: 22 additions & 21 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@
</script>
</head>

<body>
<body class="{{ layout.classes }}">
<header>
<a href="/"><img class="logo" src="/assets/compiler_logo_stacked.svg" alt="Compiler logo"></a>
</header>
Expand All @@ -45,29 +45,30 @@
{{ content }}
</main>

<footer>
<div class="divider-line"></div>
<div class="certs d-flex flex-column flex-lg-row row-cols-lg-4">
<div>
<a href="mailto:[email protected]" class="monospace contact-link">[email protected]</a>
<p class="address">
525 S Hewitt St<br />Los Angeles, CA 90013
</p>
</div>
<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-md-0 mt-md-0 pt-4 mt-3 pb-md-0 pb-5">
<a href="mailto:[email protected]" class="monospace contact-link">[email protected]</a>
<p class="address pt-2 pt-md-4 mb-0">
525 S Hewitt St<br />Los Angeles, CA 90013
</p>
</div>

{% include certs.html %}
{% include certs.html %}

</div>
<div class="d-flex social-media-container">
<div class="d-flex justify-content-between align-items-end py-4">
<a href="https://github.com/compilerla"><img class="social-media-icon"
src="/assets/social_media/github_mark.png" alt="GitHub"></a>
<a href="https://twitter.com/CompilerLA"><img class="social-media-icon"
src="/assets/social_media/twitter_logo.svg" alt="Twitter"></a>
<a href="https://www.linkedin.com/company/compiler-la"><img class="social-media-icon"
src="/assets/social_media/linkedin_in.png" alt="LinkedIn"></a>
</div>
<img class="brandmark" src="/assets/compiler_brandmark.svg" alt="Compiler brandmark">
<div class="d-flex social-media-container">
<div class="d-flex justify-content-between align-items-end py-4">
<a href="https://github.com/compilerla"><img class="social-media-icon opacity-50 me-md-4 me-3"
src="/assets/social_media/github_mark.png" alt="GitHub"></a>
<a href="https://twitter.com/CompilerLA"><img class="social-media-icon opacity-50 me-md-4 me-3"
src="/assets/social_media/twitter_logo.svg" alt="Twitter"></a>
<a href="https://www.linkedin.com/company/compiler-la"><img class="social-media-icon opacity-50"
src="/assets/social_media/linkedin_in.png" alt="LinkedIn"></a>
</div>
<img class="brandmark ms-auto" src="/assets/compiler_brandmark.svg" alt="Compiler brandmark">
</div>
</div>
</footer>
</body>
Expand Down
5 changes: 3 additions & 2 deletions _layouts/job_post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
---
layout: default
classes: posting
title_prefix: "Jobs with Compiler:"
---

<div class="row">
<div class="offset-md-2 col-md-7 col-12 mt-5 pt-5 mb-5 pb-5">
<h1 class="mt-4 pt-2">{{ page.title }}{% if page.type %} ({{ page.type }}){% endif %}</h1>
<div class="offset-md-2 col-md-7 col-12">
<h1 class="pb-4 mb-2 pb-md-5 mb-md-3">{{ page.title }}{% if page.type %} ({{ page.type }}){% endif %}</h1>

{{ content }}

Expand Down
24 changes: 7 additions & 17 deletions assets/compiler_brandmark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/compiler_detailed_pattern.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 9 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,14 @@
layout: default
description: We build open-source, human-centered, secure, agile solutions to support the delivery of government services that increase equity of opportunity.
---
<div class="row py-5">
<h1 class="san-serif">we build software for the government</h1>
</div>

<div class="d-flex flex-column flex-lg-row mb-5">
<a class="btn btn-primary mb-3 me-md-3 mb-md-0" href="/capabilities">Capabilities Statement</a>
<a class="btn btn-outline-primary" href="mailto:[email protected]">Get in touch</a>
<div class="container-fluid index">
<div class="row">
<div class="offset-lg-1 col-lg-7">
<img src="/assets/compiler_detailed_pattern.svg">
<h1 class="h2 mt-3 pb-md-4 mb-md-2 pb-1 mb-2">Software built by humans, for humans, in LA</h1>
<p class="pb-4 text-secondary">Compiler is a woman-owned software consultancy that’s passionate about making government tech solutions easy-to-use and accessible for all</p>
<a class="monospace btn-link primary-btn" href="mailto:[email protected]">Get in touch</a>
</div>
</div>
</div>
Loading