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

Design tweaks #333

Merged
merged 12 commits into from
Nov 6, 2019
Merged

Design tweaks #333

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
bd88cb0
Design tweaks
ymschaap Nov 5, 2019
42deca9
Merge branch 'master' into mobile-fonts-design
rviscomi Nov 5, 2019
bffbb53
Wrap <tables> to prevent overflow on mobile
ymschaap Nov 6, 2019
279fae8
Run npm run generate
ymschaap Nov 6, 2019
aec8fe2
Fix all .content overflows and styling of unstyled elements
ymschaap Nov 6, 2019
95494bf
Consistent font
ymschaap Nov 6, 2019
fd59ab9
Tad smaller on mobile screens
ymschaap Nov 6, 2019
9bddaef
Match the logo width, so menu options are centered in viewport
ymschaap Nov 6, 2019
8438605
Fix issue with wrapper
ymschaap Nov 6, 2019
5d5411e
`npm run generate`
ymschaap Nov 6, 2019
0aae953
Merge branch 'mobile-fonts-design' of github.com:HTTPArchive/almanac.…
rviscomi Nov 6, 2019
50e2a1b
Merge branch 'master' of github.com:HTTPArchive/almanac.httparchive.o…
rviscomi Nov 6, 2019
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
26 changes: 19 additions & 7 deletions src/static/css/2019.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ body {
color: #1A2B49;
margin: 0;
font-weight: inherit;
-webkit-font-smoothing: antialiased;
}

* {
Expand All @@ -27,9 +28,8 @@ a:focus, a:hover {
}

h1.title {
margin-top: 0;
font-size: 72px;
line-height: 80px;
margin-top: 20px;
font-size: 50px;
}

div.subtitle {
Expand All @@ -46,6 +46,15 @@ div.subtitle::before {
width: 70px;
}

h2.header {
font-size: 25px;
margin: 14px;
}
.subtitle {
font-size: 28px;
line-height: 42px;
}

.btn {
border: 1px solid #1A2B49;
border-radius: 50px;
Expand Down Expand Up @@ -118,6 +127,7 @@ header, footer {
}
.main {
margin: 0px 60px;
overflow: hidden;
ymschaap marked this conversation as resolved.
Show resolved Hide resolved
}
header, footer .nav {
display: flex;
Expand Down Expand Up @@ -208,7 +218,7 @@ blockquote::before {
z-index: -1;
top: -4rem;
left: -7rem;
opacity: .05;
opacity: .05;
font-size: 20rem;
font-family: 'Courier New', Courier, monospace;
line-height: 1;
Expand Down Expand Up @@ -363,7 +373,9 @@ p.copyright {
header nav > a:last-child {
margin: 0;
}

h1.title {
font-size: 40px;
}
.menu {
position: absolute;
display: none;
Expand All @@ -381,8 +393,8 @@ p.copyright {
.menu-btn {
background: none;
border: 0;
display: block;
cursor: pointer;
display: block;
cursor: pointer;
}

.menu-open .menu {
Expand Down
7 changes: 6 additions & 1 deletion src/static/css/page.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
.main {
margin-top: 32px;
overflow: visible;
display: grid;
grid-template-areas: 'index content';
grid-template-columns: 300px auto;
Expand Down Expand Up @@ -268,6 +267,8 @@ table {
margin: 0 auto;
max-width: 100%;
border-collapse: collapse;
display: block;
ymschaap marked this conversation as resolved.
Show resolved Hide resolved
overflow: auto;
}
thead {
font-family: 'Poppins', sans-serif;
Expand Down Expand Up @@ -336,4 +337,8 @@ tbody tr:nth-child(even) {
max-height: 100%;
transition: max-height 0.25s ease-in;
}

table {
font-size: .8em;
}
}