From 37c0fbe94f54f39c68c1fed7857fc917b6faa803 Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Fri, 17 Dec 2021 14:22:40 +0500 Subject: [PATCH 1/9] formatting --- themes/lumbung-theme/static/css/video-box.css | 232 +++++++++--------- 1 file changed, 116 insertions(+), 116 deletions(-) diff --git a/themes/lumbung-theme/static/css/video-box.css b/themes/lumbung-theme/static/css/video-box.css index 051cd70..9cae13a 100644 --- a/themes/lumbung-theme/static/css/video-box.css +++ b/themes/lumbung-theme/static/css/video-box.css @@ -2,122 +2,122 @@ --video-border-color: burlywood; --video-background-color: antiquewhite; } - .video-box { - border:2px solid var(--video-border-color); - max-width:560px; - margin:auto; - box-shadow:1em 1em 0 #d2d1c8; - margin-bottom: 2em; - color: chocolate; - } - - .video-box:nth-child(even){ - transform: rotate(-1deg); - } - - .video-box:nth-child(odd){ - transform: rotate(1deg); - } - - .video-box:nth-child(5){ - transform: rotate(3deg); - } - - - .video-box img { - max-width: 100%; - } - - .video-box iframe { - max-width: 100%; +.video-box { + border:2px solid var(--video-border-color); + max-width:560px; + margin:auto; + box-shadow:1em 1em 0 #d2d1c8; + margin-bottom: 2em; + color: chocolate; } - .video-box .media { - line-height: 0; - } +.video-box:nth-child(even){ + transform: rotate(-1deg); +} - .video { - background-color: var(--video-background-color); - } +.video-box:nth-child(odd){ + transform: rotate(1deg); +} - .video .metadata{ - font-size:0.9rem; - justify-content: space-between; - flex-wrap: wrap; - } +.video-box:nth-child(5){ + transform: rotate(3deg); +} - .metadata .title{ - margin-top:0; - border-top: 2px solid var(--video-border-color); - border-bottom: 2px solid var(--video-border-color); - padding:0.5em; - font-weight:700; - font-size:1.3rem; - flex-basis: 100%; - } - .video.channel{ - border-right: 2px solid var(--video-border-color); - padding: 0.5em 0.9em 0.5em 0.9em; - font-size: 0.8rem; - } +.video-box img { + max-width: 100%; +} - .video.date { - float:right; - border-left: 2px solid var(--video-border-color); - padding: 0.5em 0.9em 0.5em 0.9em; - font-size: 0.8rem; - } +.video-box iframe { + max-width: 100%; +} - .video.description { - border-top: 2px solid var(--video-border-color); - padding: 0.8em 0.8em 0.8em 0.8em; +.video-box .media { + line-height: 0; +} - } - .descr_button a { - color:inherit; - text-decoration: inherit; - } +.video { + background-color: var(--video-background-color); +} - input.descr_button { - display: none; - } +.video .metadata{ + font-size:0.9rem; + justify-content: space-between; + flex-wrap: wrap; +} - input + label + .video.date + .description{ - display: none; - } +.metadata .title{ + margin-top:0; + border-top: 2px solid var(--video-border-color); + border-bottom: 2px solid var(--video-border-color); + padding:0.5em; + font-weight:700; + font-size:1.3rem; + flex-basis: 100%; +} - input:checked + label + .video.date +.description { - display: block; - } +.video.channel{ + border-right: 2px solid var(--video-border-color); + padding: 0.5em 0.9em 0.5em 0.9em; + font-size: 0.8rem; +} - .play-icon { - width: 0; - height: 0; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%) scale(.5); - border-top: 13px solid transparent; - border-bottom: 13px solid transparent; - border-left: 18px solid hsla(0,0%,100%,.95); - } +.video.date { + float:right; + border-left: 2px solid var(--video-border-color); + padding: 0.5em 0.9em 0.5em 0.9em; + font-size: 0.8rem; +} + +.video.description { + border-top: 2px solid var(--video-border-color); + padding: 0.8em 0.8em 0.8em 0.8em; + +} +.descr_button a { + color:inherit; + text-decoration: inherit; +} + +input.descr_button { + display: none; +} + +input + label + .video.date + .description{ + display: none; +} + +input:checked + label + .video.date +.description { + display: block; +} + +.play-icon { + width: 0; + height: 0; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%,-50%) scale(.5); + border-top: 13px solid transparent; + border-bottom: 13px solid transparent; + border-left: 18px solid hsla(0,0%,100%,.95); +} + +.video-thumbnail { + position: absolute; + width: 100%; + height: 100%; + top: 0; +} +.video-thumbnail { + display: flex; + flex-direction: column; + position: relative; + overflow: hidden; + background-color: #ececec; + transition: filter .2s ease; +} - .video-thumbnail { - position: absolute; - width: 100%; - height: 100%; - top: 0; - } - .video-thumbnail { - display: flex; - flex-direction: column; - position: relative; - overflow: hidden; - background-color: #ececec; - transition: filter .2s ease; - } - .video-thumbnail-duration-overlay { display: inline-block; background-color: var(--video-background-color); @@ -130,26 +130,26 @@ right: 5px; bottom: 5px; border: 2px solid var(--video-border-color); - } +} - .play-overlay { - transition: all .2s ease; - position: absolute; - right: 0; - bottom: 0; - width: inherit; - height: inherit; - opacity: 0; - background-color: rgba(0,0,0,.3); - cursor: pointer; - } +.play-overlay { + transition: all .2s ease; + position: absolute; + right: 0; + bottom: 0; + width: inherit; + height: inherit; + opacity: 0; + background-color: rgba(0,0,0,.3); + cursor: pointer; +} .video-thumbnail:hover { text-decoration:none!important } .video-thumbnail:hover .play-overlay { -opacity:1 + opacity:1 } .video-thumbnail:hover .play-overlay .play-icon { -transform:translate(-50%,-50%) scale(1) + transform:translate(-50%,-50%) scale(1) } From 93b9bc28d641af8e99ca965347e1b6a271cc3e5a Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Fri, 17 Dec 2021 14:23:49 +0500 Subject: [PATCH 2/9] formatting --- themes/lumbung-theme/static/css/video-box.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/themes/lumbung-theme/static/css/video-box.css b/themes/lumbung-theme/static/css/video-box.css index 9cae13a..fb6ac4a 100644 --- a/themes/lumbung-theme/static/css/video-box.css +++ b/themes/lumbung-theme/static/css/video-box.css @@ -145,11 +145,11 @@ input:checked + label + .video.date +.description { } .video-thumbnail:hover { - text-decoration:none!important + text-decoration:none !important; } .video-thumbnail:hover .play-overlay { - opacity:1 + opacity: 1; } .video-thumbnail:hover .play-overlay .play-icon { - transform:translate(-50%,-50%) scale(1) + transform:translate(-50%,-50%) scale(1); } From 0daf96306184a1f0ac642919ddbf4f72b52d8257 Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Fri, 17 Dec 2021 14:25:01 +0500 Subject: [PATCH 3/9] add .venv to gitignore --- .gitignore | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitignore b/.gitignore index fac5512..60a2de3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ .env /public/ /content/ +.venv/ \ No newline at end of file From edaffea130993f2d59add0d8a12203fd63b6fa3c Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 12:23:59 +0500 Subject: [PATCH 4/9] test commit to check auto-deployment --- themes/lumbung-theme/static/css/main.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index c457077..7eec2c0 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -12,6 +12,8 @@ bungeeshade allerta */ +body { display: none } + @font-face { font-family: BarrioRegular; src: url(fonts/Barrio_Regular.woff); From 405d99cd3cc343ea547505cd4514a55986fae5d9 Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 12:45:39 +0500 Subject: [PATCH 5/9] revert previous commit --- themes/lumbung-theme/static/css/main.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index 7eec2c0..c457077 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -12,8 +12,6 @@ bungeeshade allerta */ -body { display: none } - @font-face { font-family: BarrioRegular; src: url(fonts/Barrio_Regular.woff); From e93cc66f5ac4bd4649d22c1022fafa893570ffcc Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 13:04:10 +0500 Subject: [PATCH 6/9] reindent lines --- themes/lumbung-theme/static/css/main.css | 219 +++++++++++------------ 1 file changed, 109 insertions(+), 110 deletions(-) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index c457077..98b357c 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -41,75 +41,74 @@ body { font-family: ZenMaruGothic; color: maroon; } - - a { - color: #1B4C8A; - } + +a { + color: #1B4C8A; +} * { box-sizing: border-box; } #content { - margin: 2em auto; - max-width: 80%; - margin-bottom: 0; - } + margin: 2em auto; + max-width: 80%; + margin-bottom: 0; +} .card{ + border: 2px solid var(--border-color); + box-shadow:1em 1em 0 #d2d1c8; + background-color: #fff09d; + max-width: 600px; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + +} - border: 2px solid var(--border-color); - box-shadow:1em 1em 0 #d2d1c8; - background-color: #fff09d; - max-width: 600px; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; +.card{ + background-color: peachpuff; +} - } - - .card{ - background-color: peachpuff; - } - - .side-bar { - border: 2px solid var(--border-color); - max-width: 400px; - } +.side-bar { + border: 2px solid var(--border-color); + max-width: 400px; +} - .card:nth-child(even){ - transform: rotate(-1deg); - } +.card:nth-child(even){ + transform: rotate(-1deg); +} - .card:nth-child(odd){ - transform: rotate(1deg); - } +.card:nth-child(odd){ + transform: rotate(1deg); +} - .card:nth-child(5){ - transform: rotate(2deg); - } +.card:nth-child(5){ + transform: rotate(2deg); +} - .video.box{ - margin-top:3em; - } +.video.box{ + margin-top:3em; +} - .bar{ - border: 2px solid var(--border-color); - box-shadow: 0.6em 0.6em 0 #d2d1c8; - margin-bottom: 2em; - margin-top:3em; - display: inline-block; - background-color: #fff09d; - } +.bar{ + border: 2px solid var(--border-color); + box-shadow: 0.6em 0.6em 0 #d2d1c8; + margin-bottom: 2em; + margin-top:3em; + display: inline-block; + background-color: #fff09d; +} .h-feed{ display: flex; flex-flow: row wrap; width: 100%; - + } .entries{ @@ -153,7 +152,7 @@ body { border-top: 2px solid var(--border-color); margin: 0px; padding: 0px; - + } .menu ul{ @@ -186,8 +185,8 @@ body { } .h-entry header h2:hover{ - box-shadow: inset 4px 4px 0px tomato; - cursor: pointer; + box-shadow: inset 4px 4px 0px tomato; + cursor: pointer; } .h-entry header h2 a { @@ -232,10 +231,10 @@ body { } .summary-image > img { -/* height: 100%; - object-fit: cover; - max-width: 100%;*/ - + /* height: 100%; + object-fit: cover; + max-width: 100%;*/ + } .summary-image > a { @@ -266,17 +265,17 @@ footer.post-footer { /* network cards */ .card.network{ - - border: 2px solid darkcyan; - box-shadow:1em 1em 0 #d2d1c8; - background-color: lightgreen; - max-width: min-content; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: darkcyan; - } + + border: 2px solid darkcyan; + box-shadow:1em 1em 0 #d2d1c8; + background-color: lightgreen; + max-width: min-content; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: darkcyan; +} .h-entry.network header { display: flex; @@ -291,8 +290,8 @@ footer.post-footer { } .h-entry.network header h2:hover{ - box-shadow: inset 4px 4px 0px darkcyan; - cursor: pointer; + box-shadow: inset 4px 4px 0px darkcyan; + cursor: pointer; } .h-entry.network header h2 a { @@ -305,7 +304,7 @@ footer.post-footer { } .network .header-metadata .dt-published{ - + border-bottom: 2px solid darkcyan; } @@ -381,31 +380,31 @@ div.network-source{ /* shouts cards */ .card.shout{ - border-color: steelblue; - border: 2px solid; - box-shadow:1em 1em 0 #d2d1c8; - background-color: aliceblue; - max-width: min-content; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: steelblue; - } + border-color: steelblue; + border: 2px solid; + box-shadow:1em 1em 0 #d2d1c8; + background-color: aliceblue; + max-width: min-content; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: steelblue; +} /* calendar cards */ .card.calendar { - border: 2px solid cornflowerblue; - box-shadow:1em 1em 0 #d2d1c8; - background-color: lightblue; - max-width: 360px; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: royalblue; - + border: 2px solid cornflowerblue; + box-shadow:1em 1em 0 #d2d1c8; + background-color: lightblue; + max-width: 360px; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: royalblue; + } .card.calendar.past { @@ -428,8 +427,8 @@ div.network-source{ } .h-event.calendar header h2:hover{ - box-shadow: inset 4px 4px 0px royalblue; - cursor: pointer; + box-shadow: inset 4px 4px 0px royalblue; + cursor: pointer; } .h-event.calendar header h2 a { @@ -438,7 +437,7 @@ div.network-source{ } .header-filler { - min-width: 10%; + min-width: 10%; } .calendar-location{ @@ -499,13 +498,13 @@ div.network-source{ } input + label +.calendar-location+.description{ - display: none; - } + display: none; +} input:checked + label +.calendar-location+.description { - display: block; - transition: ease .5s; - } + display: block; + transition: ease .5s; +} .metadata label { text-align: center; @@ -555,7 +554,7 @@ ul.pagination{ font-size: 38px; border: 2px solid #1B4C8A; box-shadow:0.4em 0.4em 0 #d2d1c8; - + } li.page-item{ @@ -573,21 +572,21 @@ li.page-item.disabled{ display: none; } - li.page-item:nth-child(even){ - transform: rotate(-1deg); - } +li.page-item:nth-child(even){ + transform: rotate(-1deg); +} - li.page-item:nth-child(odd){ - transform: rotate(1deg); - } +li.page-item:nth-child(odd){ + transform: rotate(1deg); +} - li.page-item:nth-child(5){ - transform: rotate(2deg); - } +li.page-item:nth-child(5){ + transform: rotate(2deg); +} - li.page-item:nth-child(8){ - transform: rotate(-3deg); - } +li.page-item:nth-child(8){ + transform: rotate(-3deg); +} From c15948115a0870a2023029eade057ed2c7b6ce6f Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 13:06:02 +0500 Subject: [PATCH 7/9] remove redundant css declaration --- themes/lumbung-theme/static/css/main.css | 1 - 1 file changed, 1 deletion(-) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index 98b357c..fb03648 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -550,7 +550,6 @@ ul.pagination{ .page-item{ display: block; text-align: center; - vertical-align: middle; font-size: 38px; border: 2px solid #1B4C8A; box-shadow:0.4em 0.4em 0 #d2d1c8; From 3a64678ea0d5f7dfcc394ceaf5f5a534534e5c9c Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 13:08:59 +0500 Subject: [PATCH 8/9] minor formatting --- themes/lumbung-theme/static/css/main.css | 76 ++++++++++++------------ 1 file changed, 38 insertions(+), 38 deletions(-) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index fb03648..9484641 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -56,7 +56,7 @@ a { margin-bottom: 0; } -.card{ +.card { border: 2px solid var(--border-color); box-shadow:1em 1em 0 #d2d1c8; background-color: #fff09d; @@ -68,7 +68,7 @@ a { } -.card{ +.card { background-color: peachpuff; } @@ -78,24 +78,24 @@ a { } -.card:nth-child(even){ +.card:nth-child(even) { transform: rotate(-1deg); } -.card:nth-child(odd){ +.card:nth-child(odd) { transform: rotate(1deg); } -.card:nth-child(5){ +.card:nth-child(5) { transform: rotate(2deg); } -.video.box{ +.video.box { margin-top:3em; } -.bar{ +.bar { border: 2px solid var(--border-color); box-shadow: 0.6em 0.6em 0 #d2d1c8; margin-bottom: 2em; @@ -104,21 +104,21 @@ a { background-color: #fff09d; } -.h-feed{ +.h-feed { display: flex; flex-flow: row wrap; width: 100%; } -.entries{ +.entries { padding-top: 10%; } /* base header & menu */ -#top-menu{ +#top-menu { position: fixed; left: 5%; transform: translate(-50%); @@ -175,7 +175,7 @@ a { justify-content: space-between; } -.h-entry header h2{ +.h-entry header h2 { padding: 0.2em; margin: 0; padding-right: 0.3em; @@ -184,7 +184,7 @@ a { flex-grow: 1; } -.h-entry header h2:hover{ +.h-entry header h2:hover { box-shadow: inset 4px 4px 0px tomato; cursor: pointer; } @@ -195,7 +195,7 @@ a { } -.h-entry header .header-metadata{ +.h-entry header .header-metadata { margin: 0; display: flex; flex-flow: column wrap; @@ -241,7 +241,7 @@ a { display: flex; } -.summary-image{ +.summary-image { border-right: 2px solid var(--border-color); } @@ -254,6 +254,7 @@ footer.post-footer { border-top: 2px solid var(--border-color); flex-grow: 1; } + .read-more { border-top: 2px solid var(--border-color); border-left: 2px solid var(--border-color); @@ -264,8 +265,7 @@ footer.post-footer { /* network cards */ -.card.network{ - +.card.network { border: 2px solid darkcyan; box-shadow:1em 1em 0 #d2d1c8; background-color: lightgreen; @@ -283,13 +283,13 @@ footer.post-footer { flex-direction: row-reverse; } -.h-entry.network header h2{ +.h-entry.network header h2 { padding: 0.2em 0.5em 0.2em 0.5em; margin: 0; border: none; } -.h-entry.network header h2:hover{ +.h-entry.network header h2:hover { box-shadow: inset 4px 4px 0px darkcyan; cursor: pointer; } @@ -343,7 +343,7 @@ footer.post-footer { font-size: 18px; } -div.network-source{ +div.network-source { padding: 0.5em 1em 0.5em 1em; border-bottom: 2px solid darkcyan; font-size: 14px; @@ -356,12 +356,12 @@ div.network-source{ color: darkcyan; } -.network .footer-filler{ +.network .footer-filler { border-left: 2px solid darkcyan; border-top: none; } -.network footer.post-footer{ +.network footer.post-footer { border-top: 2px solid darkcyan; flex-flow: row; font-size: 0.9rem; @@ -379,7 +379,7 @@ div.network-source{ /* shouts cards */ -.card.shout{ +.card.shout { border-color: steelblue; border: 2px solid; box-shadow:1em 1em 0 #d2d1c8; @@ -420,13 +420,13 @@ div.network-source{ border-bottom: 2px solid cornflowerblue; } -.h-event.calendar header h2{ +.h-event.calendar header h2 { padding: 0.2em 0.5em 0.2em 0.5em; margin: 0; border-right: none; } -.h-event.calendar header h2:hover{ +.h-event.calendar header h2:hover { box-shadow: inset 4px 4px 0px royalblue; cursor: pointer; } @@ -440,14 +440,14 @@ div.network-source{ min-width: 10%; } -.calendar-location{ +.calendar-location { font-size: 0.8rem; min-width: 20%; padding: 0.5em 0.9em 0.5em 0.9em; border-left: 2px solid cornflowerblue; } -.calendar-duration{ +.calendar-duration { font-size: 0.8rem; border-right: 2px solid cornflowerblue; padding: 0.5em 0.9em 0.5em 0.9em; @@ -520,7 +520,7 @@ label:hover { box-shadow: inset 2px 2px 0px #95948c; } -.description{ +.description { padding: 0.5em 0.7em 0.7em 0.5em; overflow: hidden; flex-basis: 100%; @@ -534,20 +534,20 @@ label:hover { /* Paginator */ -nav.pagination{ +nav.pagination { width: 60%; margin: auto; margin-top: 2em; margin-bottom: 2em; } -ul.pagination{ +ul.pagination { display: flex; justify-content: space-evenly; /* align horizontal */ align-items: center; /* align vertical */ } -.page-item{ +.page-item { display: block; text-align: center; font-size: 38px; @@ -556,34 +556,34 @@ ul.pagination{ } -li.page-item{ +li.page-item { background-color: lightblue; padding: 0.4em; } -li.page-item.active{ +li.page-item.active { background-color: peachpuff; border: 2px solid tomato; padding: 0.4em; } -li.page-item.disabled{ +li.page-item.disabled { display: none; } -li.page-item:nth-child(even){ +li.page-item:nth-child(even) { transform: rotate(-1deg); } -li.page-item:nth-child(odd){ +li.page-item:nth-child(odd) { transform: rotate(1deg); } -li.page-item:nth-child(5){ - transform: rotate(2deg); +li.page-item:nth-child(5) { + transform: rotate(2deg); } -li.page-item:nth-child(8){ +li.page-item:nth-child(8) { transform: rotate(-3deg); } From 10d06b0a1014a55e72bda3a9b49fb52a65a7d6eb Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Sat, 1 Jan 2022 20:45:49 +0500 Subject: [PATCH 9/9] minor formatting --- themes/lumbung-theme/static/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index 9484641..2a556e1 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -155,7 +155,7 @@ a { } -.menu ul{ +.menu ul { list-style-type: none; margin: 0; padding: 0;