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.

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

Redesign #207

Merged
merged 2 commits into from
Jul 19, 2024
Merged
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion .github/workflows/compliation.yml
Original file line number Diff line number Diff line change
@@ -19,7 +19,7 @@ jobs:

- name: Install Prince
run: |
wget https://www.princexml.com/download/prince_20200304-1_ubuntu18.04_amd64.deb -O /tmp/prince.deb
wget https://www.princexml.com/download/prince_15.3-1_ubuntu22.04_amd64.deb -O /tmp/prince.deb
sudo apt install /tmp/prince.deb
- name: install dependencies
Binary file added book/assets/fonts/UbuntuMonoRegular.woff2
Binary file not shown.
Binary file modified book/assets/images/title.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 42 additions & 23 deletions book/layout.html
Original file line number Diff line number Diff line change
@@ -32,6 +32,14 @@
font-display: swap;
}

@font-face {
font-family: 'Ubuntu mono';
src: url('./assets/fonts/UbuntuMonoRegular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}

body {
font-family: 'Core Sans A';
counter-reset: page 0;
@@ -72,19 +80,10 @@
break-before: page;
font-size: 24pt;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 24pt;
line-height: 40pt;
}

h1.supporting-chapter-title:after {
content: '';
width: 80pt;
border-bottom: solid #02CEBA 4pt;
display: block;
margin-bottom: 36pt;
}

h1 {
font-size: 32pt;
line-height: 32pt;
@@ -150,10 +149,9 @@

ol li:before {
content: counter(my-awesome-counter);
border-radius: 50%;
background-color: #02CEBA;
color: #ffffff;
font-weight: 400;
color: #6200ee;
opacity: .25;
font-weight: 700;
width: 28pt;
display: inline-block;
height: 28pt;
@@ -176,11 +174,36 @@
padding-left: 38pt;
}

code {
color: #c9d1d9;
text-shadow: none;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

:not(pre)>code {
padding: .1em .3em;
border-radius: .3em;
color: #c9d1d9;
background: #343942;
}

blockquote {
break-inside: avoid;
padding: 0 0 0 8pt;
margin: 0 0 0 38pt;
border-left: 2pt solid #a7a7a7;
border-left: 2pt solid #000;
}

blockquote p, blockquote ul {
@@ -249,8 +272,8 @@
}

#title-page #image {
width: 100%;
height: auto;
width: auto;
height: 100%;
}

#title-page #logo {
@@ -341,17 +364,13 @@

.chapter-number {
break-before: page;
page-break-before: always;
font-size: 48pt;
line-height: 48pt;
margin-bottom: 0;
font-weight: 900;
}

.chapter-number span {
display: inline-block;
border-bottom: solid #02CEBA 4pt;
}

.chapter-number:after {
display: none;
}
@@ -360,8 +379,8 @@
break-after: avoid;
break-before: avoid;
break-inside: avoid;
font-size: 32pt;
line-height: 32pt;
font-size: 48pt;
line-height: 48pt;
text-transform: none;
margin-top: 10pt;
margin-bottom: 24pt;
2 changes: 1 addition & 1 deletion book/src/chapters/1-digital-product-projects/README.md
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<h1 class="chapter-number"><span>01</span></h1>
<h1 class="chapter-number"><span>§1</span></h1>
2 changes: 1 addition & 1 deletion book/src/chapters/2-development-process/README.md
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<h1 class="chapter-number"><span>02</span></h1>
<h1 class="chapter-number"><span>§2</span></h1>
2 changes: 1 addition & 1 deletion src/development-process/README.md
Original file line number Diff line number Diff line change
@@ -230,7 +230,7 @@ rebuild our own website:
> - add a new `loading` state for the `<Button>` component that prevents clicks
> on the button while active and changes the button's visual appearance (see
> designs below)
> - add a new `<ContactForm`> component that implements the form with inputs for
> - add a new `<ContactForm>` component that implements the form with inputs for
> name (`input[type="text"]`), email (`input[type="email"]`), and message
> (`textarea`), as well as a submit button
> - while the form is submitting, enable the `<Button>` component's `loading`