Skip to content
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

Home Page redesign #95

Closed
wants to merge 45 commits into from
Closed

Home Page redesign #95

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
45 commits
Select commit Hold shift + click to select a range
f086c50
feat(job-post): add Bootstrap columns, top/bottom margin and padding
machikoyasuda Jul 5, 2023
21b917c
feat(styles): change off-black to brand-primary-black
machikoyasuda Jul 27, 2023
f65c8d0
feat(css): add brand color variables
machikoyasuda Jul 27, 2023
980e91a
fix(css): override Bootstrap for Body colors, change Links from white…
machikoyasuda Jul 27, 2023
bd11f09
fix(css): create brand-scales-gray-4
machikoyasuda Jul 27, 2023
56311a9
feat(job-post): add Bootstrap columns, top/bottom margin and padding …
machikoyasuda Jul 27, 2023
a0adcfd
fix(css): text-black is now 1c1c1c
machikoyasuda Jul 27, 2023
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
ac15ee3
fix(css): put all brand colors on top
machikoyasuda Jul 27, 2023
a6e32d3
refactor(css): use btn, btn-primary, btn-outline-primary Bootstrap CS…
machikoyasuda Jul 27, 2023
e9d6718
fix(index): add mobile padding
machikoyasuda Jul 27, 2023
d70237e
fix(css): use full color
machikoyasuda Jul 27, 2023
8d17757
fix(index): remove mb from desktop
machikoyasuda Jul 27, 2023
2324a4a
feat(css): add disabled style for primary
machikoyasuda Jul 27, 2023
f410863
feat(styles): first pass at styles/components page
machikoyasuda Jul 27, 2023
1828798
feat(style-guide): add ul
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
c8bfe28
Refactor: Buttons + Create Style Guide page (#98)
machikoyasuda Jul 28, 2023
82029ef
feat(styles): change off-black to brand-primary-black
machikoyasuda Jul 27, 2023
8be5eb7
feat(css): add brand color variables
machikoyasuda Jul 27, 2023
e9950d9
fix(css): override Bootstrap for Body colors, change Links from white…
machikoyasuda Jul 27, 2023
7b28c96
fix(css): create brand-scales-gray-4
machikoyasuda Jul 27, 2023
c4205d3
fix(css): text-black is now 1c1c1c
machikoyasuda Jul 27, 2023
1b2ae48
fix(css): put all brand colors on top
machikoyasuda Jul 27, 2023
743a545
chore: resolve merge conflicts
machikoyasuda Jul 28, 2023
27caa41
Merge branch 'feat/37-colors-only' into feat/footer
machikoyasuda Jul 28, 2023
a675bd4
WIP - Typography, Home and Footer (#99)
machikoyasuda Jul 28, 2023
220d13c
fix(css): remove quotes from variable declaration
machikoyasuda Jul 28, 2023
062c962
fix(posting): add container to fix overflow-x
machikoyasuda Jul 28, 2023
1c2dea2
fix: use btn btn-primary
machikoyasuda Jul 28, 2023
a9fb5d5
fix(job posting): add padding y for button
machikoyasuda Jul 28, 2023
a911254
fix(index): add back capabilities btn
machikoyasuda Jul 28, 2023
8ccb39b
fix(jobs): add the same container/row/col as job postings for now
machikoyasuda Jul 28, 2023
5d54c3e
fix: fix color vars
machikoyasuda Jul 28, 2023
224cc08
fix: use font-monospace instead of monospace
machikoyasuda Jul 28, 2023
0e64e76
fix(css): add more body vars
machikoyasuda Jul 28, 2023
f6b7078
fix(mobile): button should be full-width on mob
machikoyasuda Jul 31, 2023
979fe07
chore: remove styles page for now
machikoyasuda Jul 31, 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="font-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
77 changes: 43 additions & 34 deletions _layouts/job_post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,45 +1,54 @@
---
layout: default
classes: posting
title_prefix: "Jobs with Compiler:"
---

<h1>{{ page.title }}{% if page.type %} ({{ page.type }}){% endif %}</h1>
<div class="container">
<div class="row">
<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 }} {% if page.apply_link %}
<a
class="d-inline-block monospace primary-btn"
id="apply"
href="{{ page.apply_link }}"
>
Apply Now
</a>
{% endif %}
{{ content }}

<p>
<em>
In keeping with our beliefs and goals, no employee or applicant will face
discrimination or harassment based on race, color, ancestry, national
origin, religion, education, age, gender identity, sexual orientation,
marital domestic partner status, familial status, disability status, or
veteran status.
</em>
</p>
<p>
<em>
We will consider for employment qualified applicants with arrest and
conviction records.
<a
href="https://bantheboxcampaign.org"
target="_blank"
rel="noopener noreferrer"
>
#banthebox
</a>
</em>
</p>
{% if page.apply_link %}
<a
class="btn btn-primary my-5"
id="apply"
href="{{ page.apply_link }}"
>
Apply Now
</a>
{% endif %}

<div>
<a class="monospace lg-link" href="/jobs">Back to Jobs</a>
<p>
<em>
In keeping with our beliefs and goals, no employee or applicant will face
discrimination or harassment based on race, color, ancestry, national
origin, religion, education, age, gender identity, sexual orientation,
marital domestic partner status, familial status, disability status, or
veteran status.
</em>
</p>
<p>
<em>
We will consider for employment qualified applicants with arrest and
conviction records.
<a
href="https://bantheboxcampaign.org"
target="_blank"
rel="noopener noreferrer"
>
#banthebox
</a>
</em>
</p>

<div class="pt-3">
<a class="font-monospace fs-2" href="/jobs">Back to Jobs</a>
</div>
</div>
</div>
</div>

<script
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.
16 changes: 10 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,15 @@
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="monospace btn-link primary-btn" href="/capabilities">Capabilities Statement</a>
<a class="monospace btn-link secondary-btn" 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="btn btn-primary me-md-3 mb-3 mb-md-0 d-block d-md-inline" href="mailto:[email protected]">Get in touch</a>
<a class="btn btn-outline-primary d-block d-md-inline" href="/capabilities">Capabilities Statement</a>
</div>
</div>
</div>
24 changes: 15 additions & 9 deletions jobs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,24 @@
layout: default
title: Jobs with Compiler
---
<h1>Jobs</h1>
<div class="container">
<div class="row">
<div class="offset-md-2 col-md-7 col-12">
<h1>Jobs</h1>

<h2>Accepting applications</h2>
<ul id="open" class="mx-3"></ul>
<h2>Accepting applications</h2>
<ul id="open" class="mx-3"></ul>

<h2>Past opportunities</h2>
<ul id="closed" class="mx-3"></ul>
<h2>Past opportunities</h2>
<ul id="closed" class="mx-3"></ul>

<p class="mb-5">
Missed a past opportunity? <a href="http://eepurl.com/h6qTKL">Subscribe</a> to our mailing list, as we are always
looking for great candidates.
</p>
<p class="mb-5">
Missed a past opportunity? <a href="http://eepurl.com/h6qTKL">Subscribe</a> to our mailing list, as we are always
looking for great candidates.
</p>
</div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js" crossorigin="anonymous"></script>
<script>
Expand Down
Loading