Gradient adjust

This commit is contained in:
Gil 2025-05-18 23:11:01 -05:00
parent e6636ef642
commit 89b482fa97
5 changed files with 20 additions and 25 deletions

View file

@ -120,18 +120,18 @@ hr {
120deg,
#{$green} 5%,
#{$teal} 19%,
#{color.scale($orange, $lightness: +95%)} 19%,
#{color.scale($orange, $lightness: +95%)} 20%,
rgba(0, 0, 0, 0) 19%,
rgba(0, 0, 0, 0) 20%,
#{$teal} 20%,
#{$teal} 21%,
#{color.scale($orange, $lightness: +95%)} 21%,
#{color.scale($orange, $lightness: +95%)} 79%,
#{$teal} 79%,
#{$teal} 80%,
#{color.scale($orange, $lightness: +95%)} 80%,
#{color.scale($orange, $lightness: +95%)} 81%,
#{$teal} 81%,
#{$green} 95%
rgba(0, 0, 0, 0) 21%,
rgba(0, 0, 0, 0) 86%,
#{$teal} 86%,
#{$teal} 87%,
rgba(0, 0, 0, 0) 87%,
rgba(0, 0, 0, 0) 88%,
#{$teal} 88%,
#{$green} 99%
);
border: solid var(--color-bg-2) 2px;
border-radius: 15px;
@ -141,11 +141,7 @@ hr {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: #{color.scale($orange, $lightness: +95%)};
background: linear-gradient(
120deg,
#{$green} 5%,
#{$teal} 35%
);
background: linear-gradient(120deg, #{$green} 5%, #{$teal} 37%);
text-transform: uppercase;
font-weight: bold;
h3 {

View file

@ -32,7 +32,6 @@
{
"label": "Newsletter",
"link": "https://gilosophies.ghost.io/",
"handle": "gilosophies.ghost.io",
"note": "(forthcoming)"
"handle": "gilosophies.ghost.io"
}
]

View file

@ -9,13 +9,9 @@ layout: base
<h3>Identification card</h3>
</header>
<div class="idcard__picture">
<img src="/assets/img/about-profile.png" />
<img src="/assets/img/about-profile.png"/>
</div>
<main class="idcard__bio">
<p class="idcard__number">
<span class="idcard__label">ID#</span>
<span class="monospace">GI0755>>592238</code>
</p>
<p class="idcard__name">
<span class="idcard__label">NAME</span>
Gil
@ -32,6 +28,10 @@ layout: base
<span class="idcard__label">ISS</span>
05/10/2025
</p>
<p class="idcard__number">
<span class="idcard__label">ID#</span>
<span class="monospace">GI0755>>592238</code>
</p>
</main>
</aside>
<section class="interests box pad">

View file

@ -213,7 +213,7 @@ hr {
.idcard {
margin: auto;
background: rgb(252.7769230769, 248.3307692308, 242.7730769231);
background: linear-gradient(120deg, #594 5%, #39a 19%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 19%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 20%, #39a 20%, #39a 21%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 21%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 79%, #39a 79%, #39a 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 80%, rgb(252.7769230769, 248.3307692308, 242.7730769231) 81%, #39a 81%, #594 95%);
background: linear-gradient(120deg, #594 5%, #39a 19%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 20%, #39a 20%, #39a 21%, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0) 86%, #39a 86%, #39a 87%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0) 88%, #39a 88%, #594 99%);
border: solid var(--color-bg-2) 2px;
border-radius: 15px;
}
@ -223,7 +223,7 @@ hr {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: rgb(252.7769230769, 248.3307692308, 242.7730769231);
background: linear-gradient(120deg, #594 5%, #39a 35%);
background: linear-gradient(120deg, #594 5%, #39a 37%);
text-transform: uppercase;
font-weight: bold;
}

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../scss/_font.scss","../../../scss/_theme.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACpIF;AAAA;AAAA;AAuBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAiBA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACF;EAKE;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AC3MF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACtBN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["../../../scss/_font.scss","../../../scss/_theme.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACpIF;AAAA;AAAA;AAuBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAiBA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACvMF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACtBN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}