rdrew
/
roblib_ill_theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

test

master
rdrew 3 weeks ago
parent
6c6ef64c50
commit
8edf4026e6
6 changed files with 158 additions and 106 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      bs.js
  2. 87
      css/base.css
  3. 102
      css/header.css
  4. 14
      deploy.sh
  5. 40
      logo.svg
  6. 3
      logo.svg.old

18
bs.js
Unescape View File

@ -2,15 +2,15 @@ var browserSync = require("browser-sync");
browserSync({ browserSync({
//proxy: 'http://137.149.200.93', //proxy: 'http://137.149.200.93',
proxy: "https://ill.libraryupei.ca", proxy: "https://drupal-theme-dev.ddev.site",
// files: "css/**/*.css", // files: "css/**/*.css",
files: ["css/**/*.css", "js/**/*.js"], files: ["css/**/*.css", "js/**/*.js"],
plugins: ["bs-rewrite-rules"], // plugins: ["bs-rewrite-rules"],
serveStatic: ["."], // serveStatic: ["."],
rewriteRules: [ // rewriteRules: [
{ // {
match: /\/themes\/custom\/olivesnews/g, // match: /\/themes\/custom\/olivesnews/g,
replace: "", // replace: "",
}, // },
], // ],
}); });

87
css/base.css
Unescape View File

@ -1,11 +1,11 @@
/* Variables /* Variables
---------------------------------------- */ ---------------------------------------- */
:root { :root {
--primary: #365AB5; --primary: #8c2004;
--secondary: #D05700; --secondary: #d05700;
--dark: #232742; --dark: #232742;
--light: #D5DCEE; --light: #d5dcee;
--border: #99A4C1; --border: #99a4c1;
--color-text: #444444; --color-text: #444444;
--color-heading: #111111; --color-heading: #111111;
@ -40,7 +40,7 @@ html:focus-within {
} }
html { html {
font-size: 16px; font-size: 16px;
scroll-behavior: smooth; scroll-behavior: smooth;
} }
html, html,
body { body {
@ -48,7 +48,8 @@ body {
} }
body { body {
color: var(--color-text); color: var(--color-text);
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
min-height: 100vh; min-height: 100vh;
@ -60,6 +61,7 @@ body {
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
background: #e0e0e0;
} }
/* Regions /* Regions
---------------------------------------- */ ---------------------------------------- */
@ -207,11 +209,12 @@ var {
mark { mark {
background: var(--primary); background: var(--primary);
} }
acronym[title], abbr[title] { acronym[title],
abbr[title] {
border-bottom: none; border-bottom: none;
text-decoration: underline; text-decoration: underline;
-webkit-text-decoration: underline dotted; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; text-decoration: underline dotted;
} }
abbr, abbr,
acronym { acronym {
@ -225,7 +228,7 @@ canvas,
progress, progress,
video { video {
vertical-align: baseline; vertical-align: baseline;
max-width:100%; max-width: 100%;
} }
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
@ -294,7 +297,7 @@ select {
text-transform: none; text-transform: none;
} }
.button { .button {
display:inline-block; display: inline-block;
} }
.button, .button,
button, button,
@ -487,38 +490,38 @@ blockquote > :last-child {
/* List /* List
---------------------------------------- */ ---------------------------------------- */
ul, ul,
ol { ol {
margin: 0; margin: 0;
padding: 0 0 0.25rem 1rem; padding: 0 0 0.25rem 1rem;
} }
[dir="rtl"] ul, [dir="rtl"] ul,
[dir="rtl"] ol { [dir="rtl"] ol {
padding: 0 1rem 0.25rem 0; padding: 0 1rem 0.25rem 0;
} }
ol ol, ol ol,
ul ul { ul ul {
margin: 0; margin: 0;
padding: 0 0 0.25rem 1rem; padding: 0 0 0.25rem 1rem;
} }
[dir="rtl"] ol ol, [dir="rtl"] ol ol,
[dir="rtl"] ul ul { [dir="rtl"] ul ul {
padding: 0 1rem 0.25rem 0; padding: 0 1rem 0.25rem 0;
} }
ul { ul {
list-style: disc; list-style: disc;
} }
li > ul, li > ul,
li > ol { li > ol {
margin-bottom: 0; margin-bottom: 0;
} }
[dir="rtl"] ul, [dir="rtl"] ul,
[dir="rtl"] ol { [dir="rtl"] ol {
padding: 0 1rem 0.25rem 0; padding: 0 1rem 0.25rem 0;
} }
li { li {
padding: 4px 0; padding: 4px 0;
} }
/* Table /* Table
---------------------------------------- */ ---------------------------------------- */

102
css/header.css
Unescape View File

@ -7,7 +7,13 @@
position: relative; position: relative;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0.5rem 0; padding: 0.5rem 0;
background-color: #333;
.menu-wrap .menu,
.menu-wrap .menu a,
a {
color: #fff;
}
} }
.header-top-container { .header-top-container {
position: relative; position: relative;
@ -16,16 +22,16 @@
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;
} }
.region-header-top-left, .region-header-top-left,
.region-header-top-right { .region-header-top-right {
@ -61,11 +67,11 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
} }
/* Header -> Site branding */ /* Header -> Site branding */
@ -75,14 +81,18 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding-right: 1rem; padding-right: 1rem;
} }
.site-logo { .site-logo {
padding-right: 5px; padding-right: 5px;
} }
.site-logo img { .site-logo img {
width: 142px;
border-right: 2px solid #fff;
padding-right: 0.5em;
margin-right: 0.5em;
display: block; display: block;
} }
.site-name-slogan { .site-name-slogan {
@ -91,11 +101,11 @@
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
} }
.site-name, .site-name,
.site-slogan { .site-slogan {
@ -109,8 +119,8 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
} }
.menu-wrap { .menu-wrap {
@ -126,8 +136,8 @@
box-shadow: none; box-shadow: none;
z-index: 25; z-index: 25;
-webkit-transform: translateX(-100%); -webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%); -ms-transform: translateX(-100%);
transform: translateX(-100%); transform: translateX(-100%);
-webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear; -o-transition: all 0.4s linear;
transition: all 0.4s linear; transition: all 0.4s linear;
@ -195,8 +205,8 @@
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
width: 36px; width: 36px;
height: 28px; height: 28px;
@ -239,13 +249,13 @@
.active-menu .menu-wrap { .active-menu .menu-wrap {
overflow-y: scroll; overflow-y: scroll;
-webkit-transform: translateX(0); -webkit-transform: translateX(0);
-ms-transform: translateX(0); -ms-transform: translateX(0);
transform: translateX(0); transform: translateX(0);
-webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear; -o-transition: all 0.4s linear;
transition: all 0.4s linear; transition: all 0.4s linear;
padding: 1rem; padding: 1rem;
box-shadow: 6px 0 1rem #111111; box-shadow: 6px 0 1rem #111111;
} }
.active-menu .menu { .active-menu .menu {
display: block; display: block;
@ -254,24 +264,24 @@
@-webkit-keyframes slideUp { @-webkit-keyframes slideUp {
0% { 0% {
-webkit-transform: translateY(20px); -webkit-transform: translateY(20px);
transform: translateY(20px); transform: translateY(20px);
opacity: 0; opacity: 0;
} }
100% { 100% {
-webkit-transform: translateY(0px); -webkit-transform: translateY(0px);
transform: translateY(0px); transform: translateY(0px);
opacity: 1; opacity: 1;
} }
} }
@keyframes slideUp { @keyframes slideUp {
0% { 0% {
-webkit-transform: translateY(20px); -webkit-transform: translateY(20px);
transform: translateY(20px); transform: translateY(20px);
opacity: 0; opacity: 0;
} }
100% { 100% {
-webkit-transform: translateY(0px); -webkit-transform: translateY(0px);
transform: translateY(0px); transform: translateY(0px);
opacity: 1; opacity: 1;
} }
} }
@ -287,11 +297,11 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
width: 34px; width: 34px;
height: 34px; height: 34px;
@ -309,8 +319,8 @@
width: 100%; width: 100%;
z-index: 50; z-index: 50;
-webkit-transform: translate(0, -100%); -webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%); -ms-transform: translate(0, -100%);
transform: translate(0, -100%); transform: translate(0, -100%);
-webkit-transition: -webkit-transform 0.5s; -webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s; -o-transition: transform 0.5s;
@ -319,8 +329,8 @@
} }
.search-box.open { .search-box.open {
-webkit-transform: translate(0, 0); -webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0); -ms-transform: translate(0, 0);
transform: translate(0, 0); transform: translate(0, 0);
} }
.search-box-content { .search-box-content {
position: relative; position: relative;
@ -341,11 +351,11 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
color: var(--dark); color: var(--dark);
border: 3px solid var(--dark); border: 3px solid var(--dark);
border-radius: 50%; border-radius: 50%;
@ -394,8 +404,8 @@
display: flex; display: flex;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
/* Header -> Page Header-> breadcrumb */ /* Header -> Page Header-> breadcrumb */
.breadcrumb { .breadcrumb {

14
deploy.sh
Unescape View File

@ -12,17 +12,17 @@
# -------------------------------------------------------- # --------------------------------------------------------
# --- CONFIGURATION (Edit these for new environments) --- # --- CONFIGURATION (Edit these for new environments) ---
SERVER="newspapers2.islandarchives.ca" SERVER="137.149.52.34"
THEME_DIR="/var/www/islandnewspapers2/web/themes/custom/olivesnews" THEME_DIR="/var/www/html/ill_site/web/themes/custom/roblib_ill_theme"
SITE_ROOT="/var/www/islandnewspapers2/web/sites/islandnewspapers2" SITE_ROOT="/var/www/html/ill_site"
DRUSH_PATH="/var/www/islandnewspapers2/vendor/drush/drush/drush" DRUSH_PATH="/var/www/html/ill_site/vendor/drush/drush/drush"
# -------------------------------------------------------- # --------------------------------------------------------
# 1. Check if a commit message was provided # 1. Check if a commit message was provided
if [ -z "$1" ]; then if [ -z "$1" ]; then
echo "❌ Error: Please provide a commit message." echo "❌ Error: Please provide a commit message."
echo "Usage: ./deploy.sh 'Your message here'" echo "Usage: ./deploy.sh 'Your message here'"
exit 1 exit 1
fi fi
COMMIT_MSG="$1" COMMIT_MSG="$1"

40
logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 51 KiB

3
logo.svg.old
Unescape View File

@ -0,0 +1,3 @@
<svg width="47" height="42" viewBox="0 0 47 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.6562 0.515625L46.2734 42H28.3438L0.6875 0.515625H18.6562ZM25.4141 6.25781L28.3438 0.515625H46.2734L34.3203 19.6562L25.4141 6.25781ZM18.6562 42H0.6875L12.2109 22.2344L21.4688 36.1797L18.6562 42Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 326 B

Write Preview
Loading…
Cancel
Save