From 533bb38755bafaf2a4f1df2d6313ec0ba26937e4 Mon Sep 17 00:00:00 2001 From: Fundor333 Date: Thu, 15 May 2025 19:33:19 +0200 Subject: [PATCH] Update pridecodes SVG dimensions and enhance styles for responsiveness --- assets/js/codecorner.js | 4 +-- assets/js/codecorner.min.js | 2 ++ assets/sass/add.scss | 35 ++++++++++++++++--- layouts/partials/custom-head.html | 1 - ...s_b1f9a4817d6232e434ba2b7151a57cb2.content | 2 +- ...scss_b1f9a4817d6232e434ba2b7151a57cb2.json | 2 +- 6 files changed, 37 insertions(+), 9 deletions(-) create mode 100644 assets/js/codecorner.min.js diff --git a/assets/js/codecorner.js b/assets/js/codecorner.js index f6535eff..384107ce 100644 --- a/assets/js/codecorner.js +++ b/assets/js/codecorner.js @@ -21,9 +21,9 @@ function insert() { var css = '@media only screen and (min-width: 768px) {' + - '#pridecodes-code-corner-svg {width: 100px;}' + + '#pridecodes-code-corner-svg {width: 150px;}' + '} @media only screen and (max-width: 767px) {' + - '#pridecodes-code-corner-svg {width: 50px;}' + + '#pridecodes-code-corner-svg {width: 75px;}' + '}' + '@keyframes enterIn {0% {opacity: 0;}100% {opacity: 100;}}' + '#pridecodes-code-corner-svg { animation: enterIn 2s; transition: all .2s ease-in-out; }' + diff --git a/assets/js/codecorner.min.js b/assets/js/codecorner.min.js new file mode 100644 index 00000000..8e9b5e22 --- /dev/null +++ b/assets/js/codecorner.min.js @@ -0,0 +1,2 @@ +// @ts-nocheck +function addLoadEvent(e){if(window.addEventListener)window.addEventListener("load",e,!1);else if(window.attachEvent)window.attachEvent("onload",e);else{var o=window.onload;window.onload=function(){o&&o(),e()}}}function insert(){var e=document.createElement("style");e.innerHTML="@media only screen and (min-width: 768px) {#pridecodes-code-corner-svg {width: 150px;}} @media only screen and (max-width: 767px) {#pridecodes-code-corner-svg {width: 75px;}}@keyframes enterIn {0% {opacity: 0;}100% {opacity: 100;}}#pridecodes-code-corner-svg { animation: enterIn 2s; transition: all .2s ease-in-out; }#pridecodes-code-corner-svg:hover { transform: scale(1.1); transform-origin:right top;}",document.body.insertAdjacentHTML("beforeEnd",' \x3c!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch --\x3e Created with Sketch. '),document.body.appendChild(e)}addLoadEvent(insert); \ No newline at end of file diff --git a/assets/sass/add.scss b/assets/sass/add.scss index 4f73b581..e3365ed0 100644 --- a/assets/sass/add.scss +++ b/assets/sass/add.scss @@ -2,10 +2,37 @@ margin: 0; } -.page-content { - a[target="_blank"] { - &::after { - content: none; +@media screen and (max-width: 768px) { + .menu { + .menu-icon { + position: relative; } } } + +@keyframes enterIn { + 0% { + opacity: 0; + } + 100% { + opacity: 100; + } +} +@media only screen and (min-width: 768px) { + #pridecodes-code-corner-svg { + width: 150px; + } +} +@media only screen and (max-width: 767px) { + #pridecodes-code-corner-svg { + width: 75px; + } +} +#pridecodes-code-corner-svg { + animation: enterIn 2s; + transition: all 0.2s ease-in-out; + &:hover { + transform: scale(1.1); + transform-origin: left top; + } +} diff --git a/layouts/partials/custom-head.html b/layouts/partials/custom-head.html index c7779aa0..5e8844f5 100644 --- a/layouts/partials/custom-head.html +++ b/layouts/partials/custom-head.html @@ -6,6 +6,5 @@ - {{- $style := resources.Get "sass/add.scss" | resources.ExecuteAsTemplate "add.scss" . | toCSS (dict "targetPath" "add.css") | minify | fingerprint }} diff --git a/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.content b/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.content index 6aba1165..8f2c1dce 100644 --- a/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.content +++ b/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.content @@ -1 +1 @@ -.author{margin:0}.page-content a[target=_blank]::after{content:none} \ No newline at end of file +.author{margin:0}@media screen and (max-width:768px){.menu .menu-icon{position:relative}}@keyframes enterIn{0%{opacity:0}100%{opacity:100}}@media only screen and (min-width:768px){#pridecodes-code-corner-svg{width:150px}}@media only screen and (max-width:767px){#pridecodes-code-corner-svg{width:75px}}#pridecodes-code-corner-svg{animation:enterIn 2s;transition:all .2s ease-in-out}#pridecodes-code-corner-svg:hover{transform:scale(1.1);transform-origin:left top} \ No newline at end of file diff --git a/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.json b/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.json index 25f5e303..349b0874 100644 --- a/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.json +++ b/resources/_gen/assets/sass/add.scss_b1f9a4817d6232e434ba2b7151a57cb2.json @@ -1 +1 @@ -{"Target":"add.min.a194250be980045d45b8e209328cfc4cf3607e41be96022d16bf4ba38b4f30e6.css","MediaType":"text/css","Data":{"Integrity":"sha256-oZQlC+mABF1FuOIJMoz8TPNgfkG+lgItFr9Lo4tPMOY="}} \ No newline at end of file +{"Target":"add.min.27047c5faefd827e4a0ea18956773fb14df7f329a0263e2b8d6fa2a21642c360.css","MediaType":"text/css","Data":{"Integrity":"sha256-JwR8X679gn5KDqGJVnc/sU338ymgJj4rjW+iohZCw2A="}} \ No newline at end of file