GNOME.org
 

[release-notes/help-gnome-org] ci: import and patch updated CSS


commit 710d5745394e165b0165bacc546b3024961aeae2
Author: Link Dupont <link sub-pop net>
Date:   Wed Sep 8 22:20:43 2021 -0400

    ci: import and patch updated CSS

 .gitlab-ci.yml                         |   1 +
 build.sh                               |   3 +
 bullet.svg                             |   1 +
 fonts/cantarell-bold-latin.woff2       | Bin 0 -> 13952 bytes
 fonts/cantarell-extra-bold-latin.woff2 | Bin 0 -> 13596 bytes
 fonts/cantarell-light.woff2            | Bin 0 -> 51052 bytes
 fonts/cantarell-regular-latin.woff2    | Bin 0 -> 13116 bytes
 style.css                              | 236 +++++++++++++++++++++++++++++++++
 8 files changed, 241 insertions(+)
---
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 712b6397..2e01f7f1 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -2,6 +2,7 @@ image: fedora:34
 
 variables:
   DEPENDENCIES:
+    coreutils
     findutils
     gettext
     git
diff --git a/build.sh b/build.sh
index 0e77b6d4..f1fca10e 100644
--- a/build.sh
+++ b/build.sh
@@ -21,6 +21,9 @@ for branch in "${branches[@]}"; do
             fi
             mkdir -p "${OUTDIR}"
             yelp-build html --output "${OUTDIR}" --path ./help/C "./help/${LANG}/"
+            install -m0644 "${CI_PROJECT_DIR}/style.css" "${OUTDIR}/${LANG}.css"
+            install -D -m0644 -t "${OUTDIR}/fonts" "${CI_PROJECT_DIR}/fonts/*"
+            install -D -m0644 "${CI_PROJECT_DIR}/bullet.svg" "${OUTDIR}"
         done < <(find help/* -maxdepth 0 -type d -print0)
         popd || exit 1
     fi
diff --git a/bullet.svg b/bullet.svg
new file mode 100644
index 00000000..e7534113
--- /dev/null
+++ b/bullet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"; height="16" width="16"><path d="M6.662 4.586a1.143 1.143 0 
00-.838.334l-.531.531c-.458.458-.442 1.21.037 1.69l2.873 2.87-2.873 2.874c-.479.479-.495 1.231-.037 
1.69l.531.53c.458.458 1.213.442 1.692-.037l4.068-4.07a1.22 1.22 0 00.348-.986 1.22 1.22 0 
00-.348-.985l-4.068-4.07a1.249 1.249 0 00-.854-.371z" fill="#9a9996"/></svg>
\ No newline at end of file
diff --git a/fonts/cantarell-bold-latin.woff2 b/fonts/cantarell-bold-latin.woff2
new file mode 100644
index 00000000..e8981cce
Binary files /dev/null and b/fonts/cantarell-bold-latin.woff2 differ
diff --git a/fonts/cantarell-extra-bold-latin.woff2 b/fonts/cantarell-extra-bold-latin.woff2
new file mode 100644
index 00000000..54b5202c
Binary files /dev/null and b/fonts/cantarell-extra-bold-latin.woff2 differ
diff --git a/fonts/cantarell-light.woff2 b/fonts/cantarell-light.woff2
new file mode 100644
index 00000000..75f986b5
Binary files /dev/null and b/fonts/cantarell-light.woff2 differ
diff --git a/fonts/cantarell-regular-latin.woff2 b/fonts/cantarell-regular-latin.woff2
new file mode 100644
index 00000000..48669b2b
Binary files /dev/null and b/fonts/cantarell-regular-latin.woff2 differ
diff --git a/style.css b/style.css
new file mode 100644
index 00000000..73898b62
--- /dev/null
+++ b/style.css
@@ -0,0 +1,236 @@
+/* hotfix stylesheet for Release Notes */
+
+/* FONTS */
+@font-face {
+       font-family: "Cantarell";
+       font-style: normal;
+       font-weight: 800;
+       src: url(fonts/cantarell-extra-bold-latin.woff2) format("woff2");
+       unicode-range: 
U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;
+}
+@font-face {
+       font-family: "Cantarell";
+       font-style: normal;
+       font-weight: 600;
+       src: url(fonts/cantarell-bold-latin.woff2) format("woff2");
+       unicode-range: 
U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;
+}
+@font-face {
+       font-family: "Cantarell";
+       font-style: normal;
+       font-weight: 400;
+       src: url(fonts/cantarell-regular-latin.woff2) format("woff2");
+       unicode-range: 
U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;
+}
+
+@font-face {
+       font-family: "Cantarell";
+       font-style: normal;
+       font-weight: 300;
+       src: url(fonts/cantarell-light.woff2) format("woff2");
+  font-display: block;
+}
+
+:root {
+  --rounded-corner: 12px;
+  --gnomeblue: #1c71d8;
+  --blue1: rgb(153,193,241);
+  --blue2: rgb(98,160,234);
+  --blue3: rgb(53,132,228);
+  --blue4: rgb(28,113,216);
+  --blue5: rgb(26,95,180);
+  --green1: rgb(143,240,164);
+  --green2: rgb(87,227,137);
+  --green3: rgb(51,209,122);
+  --green4: rgb(46,194,126);
+  --green5: rgb(38,162,105);
+  --yellow1: rgb(249,240,107);
+  --yellow2: rgb(248,228,92);
+  --yellow3: rgb(246,211,45);
+  --yellow4: rgb(245,194,17);
+  --yellow5: rgb(229,165,10);
+  --orange1: rgb(255,190,111);
+  --orange2: rgb(255,163,72);
+  --orange3: rgb(255,120,0);
+  --orange4: rgb(230,97,0);
+  --orange5: rgb(198,70,0);
+  --red1: rgb(246,97,81);
+  --red2: rgb(237,51,59);
+  --red3: rgb(224,27,36);
+  --red4: rgb(192,28,40);
+  --red5: rgb(165,29,45);
+  --purple1: rgb(220,138,221);
+  --purple2: rgb(192,97,203);
+  --purple3: rgb(145,65,172);
+  --purple4: rgb(129,61,156);
+  --purple5: rgb(97,53,131);
+  --brown1: rgb(205,171,143);
+  --brown2: rgb(181,131,90);
+  --brown3: rgb(152,106,68);
+  --brown4: rgb(134,94,60);
+  --brown5: rgb(99,69,44);
+  --light1: rgb(255,255,255);
+  --light2: rgb(246,245,244);
+  --light3: rgb(222,221,218);
+  --light4: rgb(192,191,188);
+  --light5: rgb(154,153,150);
+  --dark1: rgb(119,118,123);
+  --dark2: rgb(94,92,100);
+  --dark3: rgb(61,56,70);
+  --dark4: rgb(36,31,49);
+  --dark5: rgb(0,0,0);
+  --text: #f6f5f4;
+  --tocbg: var(--light2);
+  --tocfg: var(--dark3);
+  --borders: var(--light3);
+}
+
+::selection {
+       background-color:  rgba(153,193,241,0.5);
+}
+
+@media (prefers-color-scheme: dark) {
+  /* Invert all elements on the body while attempting to not alter the hue substantially. */
+  body { filter: invert(100%) hue-rotate(180deg); }
+  html { background-color: var(--dark4); }
+  img, video, iframe {  filter: invert(100%) hue-rotate(180deg); }
+  
+  :root {
+    --tocbg: var(--dark5);
+    --tocfg: var(--light5);
+    --borders: var(--dark3);
+  }
+       ::selection {
+               background-color:  rgba(26,95,180,0.4);
+       }
+}
+
+* {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html {  scroll-behavior: smooth; } /* smooth scroll anchor links */
+
+html, body {
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  font-family: Cantarell, -apple-system, BlinkMacSystemFont, "Helvetica", sans-serif;
+  font-weight: 400;
+  line-height: 1.6;
+}
+  @media (min-width: 700px) {
+    html, body {
+      font-size: 18px;
+    }
+  }
+
+body { /* stick footer to the bottom on short pages */
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+a:link { color: var(--blue3); }
+a:hover { color: var(--blue5); }
+
+
+p strong {
+  font-weight: 600;
+  opacity: 0.9;
+}
+
+h1 {
+   font-weight: 300;
+   font-size: 24pt;
+}
+h2 {
+   font-weight: 800;
+   font-size: 17pt;
+}
+h3 {
+   font-weight: 800;
+   font-size: 15pt;
+}
+h4 {
+   font-weight: 700;
+   font-size: 14pt;
+}
+h5 {
+   font-weight: 700;
+   font-size: 12pt;
+}
+  h2,h3,h4,h5 { opacity: 0.7; }
+
+ul.list {
+  margin: 1rem 1rem 3rem;
+}
+  ul.list li.list {
+    list-style-image: url(bullet.svg);
+    margin-inline-end: 1ch;
+    margin-bottom: 1rem;
+  }
+       ul li:hover::marker {   }
+
+
+.page {
+  flex: 1 0 auto; /* push footer down */
+}
+
+article {
+  max-width: 50rem;
+  margin: auto;
+  padding: 0 2rem 3rem;
+}
+
+section {
+  margin: 1rem auto 3rem;
+}
+
+.media-image img {
+  display: block;
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+.icon-dropshadow {
+  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.2));
+}
+
+/* footer JS toggling seems to be broken, disabling footer for now */
+footer { display: none; }
+
+footer {  
+  font-size: 80%;
+  background-color: var(--light2);
+  margin: 0;
+  position: relative;
+  overflow: hidden;
+}
+
+  footer>div.inner {
+    max-width: 50rem;
+    margin: 0 auto 3rem;
+    padding: 0 2rem;
+  }
+  
+  footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+    content: "";
+  }
+  
+  .license, .credits-authors {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+  }
+  .license p { margin: 0; }
+  ul.credits { 
+    display: flex;
+    flex-direction: row;
+    gap: .5em;
+    padding: 0; margin: 0;
+  }
+  ul.credits li { display: block; list-style: none; }
+
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]