diff --git a/examples/example-jobs.pdf b/examples/example-jobs.pdf index b3bfbe4..b345731 100644 Binary files a/examples/example-jobs.pdf and b/examples/example-jobs.pdf differ diff --git a/img/jobs.png b/img/jobs.png index 69fdb25..cd3ea2e 100644 Binary files a/img/jobs.png and b/img/jobs.png differ diff --git a/img/marpstyle-brand-new-big.svg b/img/marpstyle-brand-new-big.svg deleted file mode 100644 index 5f766a7..0000000 --- a/img/marpstyle-brand-new-big.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/marpstyle-ready-big.svg b/img/marpstyle-ready-big.svg deleted file mode 100644 index 9287b72..0000000 --- a/img/marpstyle-ready-big.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/marpstyle-under-revision.svg b/img/marpstyle-under-revision.svg deleted file mode 100644 index a1609ca..0000000 --- a/img/marpstyle-under-revision.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/img/marpstyle-updated.svg b/img/marpstyle-updated.svg new file mode 100644 index 0000000..4160641 --- /dev/null +++ b/img/marpstyle-updated.svg @@ -0,0 +1,66 @@ + + + + + + + + + diff --git a/style/jobs.css b/style/jobs.css index 63120db..1f95bb3 100644 --- a/style/jobs.css +++ b/style/jobs.css @@ -14,6 +14,46 @@ @import "schema"; @import "structure"; + +/* --------------------- FONTS ------------------------- */ + +/* Ultra Light */ +@font-face { + font-family: "San Francisco"; + font-weight: 100; + src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2"); +} + +/* Thin */ +@font-face { + font-family: "San Francisco 200"; + font-weight: 200; + src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2"); +} + +/* Regular */ +@font-face { + font-family: "San Francisco 400"; + font-weight: 400; + src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff2"); +} + +/* Bold */ +@font-face { + font-family: "San Francisco bold"; + font-weight: bold; + src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2"); +} + +/* Bold */ +@font-face { + font-family: "Minion Pro"; + /* font-weight: bold; */ + src: url("https://fonts.cdnfonts.com/css/minion-pro"); +} + + + /***************** COMMON STRUCTURE **********************/ :root { @@ -68,11 +108,14 @@ --author-align : right; } +/* ------------------- ROOT -----------------------------*/ + :root h1 { - /* background-color: #1098db2d; */ + font-family: 'San Francisco', sans-serif; - --border-color : rgb(209, 193, 193); + /* --border-color : rgb(209, 161, 29); */ + border-bottom: 1px solid rgb(29, 107, 209) !important; color: #2b2c2e; @@ -85,19 +128,35 @@ margin-right: -60pt; letter-spacing: -0.5px; - } + :root h1 strong { + color: rgb(255, 52, 52); } + +:root h1 { + font-family: 'San Francisco 400'; +} + + :root p { + font-size: 34px; - font-family: 'Segoe UI'; - font-family: 'Open Sans'; + font-family: 'San Francisco 400'; + letter-spacing: -0.5px; +} + + +:root li { + + font-family: 'San Francisco'; letter-spacing: -0.3px; } + + /* ------------------- TITLEPAGE -----------------------------*/ /* Titlepage made with */ @@ -106,18 +165,22 @@ section.titlepage .title strong { color: rgb(255, 52, 52); } + section.titlepage .title { + + font-family: 'San Francisco 400'; + /* border-bottom: 1px solid rgb(179, 176, 176); */ - border-bottom: 1px solid rgb(29, 107, 209); + border-bottom: 1px solid rgb(29, 107, 209) !important; letter-spacing: -0.3px; } - section.titlepage .subtitle { font-weight: 300; } + section.titlepage .author, section.titlepage .date, section.titlepage .organization { @@ -128,10 +191,10 @@ section.titlepage .organization { /* Titlepage made with # */ section.titlepage h1 { - border-bottom: 1px solid rgb(179, 176, 176); + font-family: 'San Francisco 400'; - /* color: #3878b8; */ - /* background-color: initial; */ + border-bottom: 1px solid rgb(29, 107, 209) !important; + letter-spacing: -0.3px; padding-top: 0pt; padding-left: 0pt; @@ -140,6 +203,7 @@ section.titlepage h1 { margin-right: 0pt; } + section.titlepage h2 { font-weight: 300; } @@ -151,6 +215,7 @@ section.titlepage h5 { } /* -------------------- TRANSITION ---------------------------------*/ + section.transition { --transitionpage-color: rgb(23, 148, 197); @@ -158,27 +223,34 @@ section.transition { --transitionpage-color: rgb(155, 153, 153); - font-weight: bold; + /* font-weight: bold; font-family: serif, sans-serif, "Libre Baskerville", serif; font-family: 'Open Sans'; - font-family: 'Segoe UI'; + font-family: 'Segoe UI'; */ - /* font-size: 200%; */ + font-family: 'San Francisco bold' !important; + font-family: 'Segoe UI' !important; + + font-size: 200%; /* text-shadow: 4px 4px 0 rgb(77, 61, 61); */ } /* -------------------- TRANSITION 2---------------------------------*/ + section.transition2 { - background-color: rgb(24, 131, 173); + background-color: rgb(8, 74, 100); font-weight: bold; - font-family: serif, sans-serif, "Libre Baskerville", serif; + + /* font-family: serif, sans-serif, "Libre Baskerville", serif; font-family: 'Open Sans'; - font-family: 'Segoe UI'; + font-family: 'Segoe UI'; */ + + font-family: 'San Francisco bold' !important; - /* font-size: 200%; */ + font-size: 200%; /* text-shadow: 4px 4px 0 rgb(77, 61, 61); */ } @@ -188,22 +260,18 @@ section.cite p { color: #fffbfe; - font-size: 46px; - font-family: "Libre Baskerville", serif; - /* font-style: italic; */ - line-height: 125%; + font-size: 48px; + /* font-family: "Libre Baskerville", serif; */ + font-family: 'Minion Pro' !important; + /* font-style: italic; */ + line-height: 120%; } section.cite { - - --background-color: rgb(92, 121, 163); - --background-color: rgb(116, 135, 161); - --strong-color: #d3ff11; -} -section.cite strong{ + --background-color: rgb(32, 62, 77); + --strong-color: #3396a3 ; +} - font-weight: 500; -}