Skip to content

port all patch and localized styles from style.css in vocabulary-theme #49

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 12 commits into from
Feb 16, 2024
Merged

port all patch and localized styles from style.css in vocabulary-theme #49

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
edb8505
add attention banner patches
possumbilities Feb 13, 2024
0aaaf2a
add image nested in paragraph
possumbilities Feb 13, 2024
5483fee
add context specific patch styles
possumbilities Feb 13, 2024
f7d09dd
add media queries patches
possumbilities Feb 13, 2024
c739af8
remove home-narrative context styles
possumbilities Feb 13, 2024
9b2d5ca
port .home-narrative patches into localized section
possumbilities Feb 15, 2024
4cfb953
correct behavior of top attention anchor element display, when import…
possumbilities Feb 15, 2024
1b46f20
correct style rule for attention importance levels :before icon behavior
possumbilities Feb 15, 2024
cdfd153
correct sprite location, using variable
possumbilities Feb 15, 2024
052bcb9
correct padding on main header, merge duplicate style rules
possumbilities Feb 15, 2024
fef561c
port favicon directory and files
possumbilities Feb 15, 2024
1a2c8c5
include favicons in contexts head area
possumbilities Feb 16, 2024
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
5 changes: 5 additions & 0 deletions src/context/archive-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/blog-index-alt.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/blog-index-alt2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/blog-index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/blog-post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/default-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/home-index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/person-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/program-index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/program-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/search-index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/team-index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
5 changes: 5 additions & 0 deletions src/context/walkthrough-page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,11 @@

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any">
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml">
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />

<link rel="stylesheet" media="all" href="../css/style.css">

</head>
Expand Down
54 changes: 48 additions & 6 deletions src/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,8 @@
}

.home-narrative main > article:nth-of-type(1) > h2 {
margin-top: 0;

font-size: 3.56em;
}

Expand Down Expand Up @@ -260,6 +262,7 @@

.home-narrative main .authored-posts > h2 {
grid-column: span 12;
margin-top: 0;
margin-bottom: 0;
/* margin-bottom: 1em; */

Expand Down Expand Up @@ -368,9 +371,14 @@
}

.home-narrative main .authored-posts.highlight article.attribution-list h2 {
margin: 0;
font-size: 2.1em;
}

.home-narrative main .authored-posts.highlight article.attribution-list ul {
margin-top: 2em;
}

.home-narrative > h2 {
margin-top: 0;
font-size: 2.4em;
Expand Down Expand Up @@ -441,9 +449,15 @@



@media (min-width: 1500px) {
.home-narrative .data-points .data-point.khan-academy h2 {
text-indent: -6000px;
}
}

@media (max-width: 1140px) {
.home-narrative main footer .attribution-list ul.expand {
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}

Expand Down Expand Up @@ -471,15 +485,19 @@


.home-narrative main .authored-posts.highlight {
display: flex;
flex-wrap: wrap;
padding: 0 5%;
/* width: 90%; */
display: flex;
flex-wrap: wrap;
padding: 0 5%;
/* width: 90%; */

}

.home-narrative .authored-posts.highlight h2 {
margin-top: 1em;
}

.home-narrative main .authored-posts.highlight > article:nth-child(1) {
width: 100%;
width: 100%;
}

.home-narrative .authored-posts article {
Expand Down Expand Up @@ -511,6 +529,10 @@
padding-top: 2em;
}

.home-narrative main .authored-posts article {
margin-bottom: 2em;
}

.home-narrative main footer .attribution-list ul.expand {
display: block;
}
Expand All @@ -526,3 +548,23 @@
margin-bottom: 3em;
}
}

@media (max-width: 425px) {

.home-narrative main .authored-posts.highlight > article:nth-of-type(1) {
padding: 1.2em;
}

.home-narrative .attribution-list {
padding: 2em;
}

.home-narrative .attribution-list h2 {
width: 50%;
font-size: .5em;
hyphens: auto;
word-break: break-word;

}

}
Loading