Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-07 05:05:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 style(css): color deep from coral

Browse Source 
Signed-off-by: Abhiraj Roy <157954129+iconized@users.noreply.github.com>
This commit is contained in:
Abhiraj Roy
2024-06-05 14:32:27 +05:30
parent 1aae6b0d81
commit 2f84f95da2
7 changed files with 40 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/index.vue
View File

@@ -8,7 +8,7 @@
<section class="hero">
<div class="head">
<span>
<span class="mb-12">
<h2>greetings,</h2>
</span>
<h1>{{ config.dev.name }}</h1>
@@ -24,15 +24,14 @@
or skip to see about "Snigdha OS" -->
</span>
<span :class="{hide: isMobile}">
# source code can be found on <br>
# do follow us on github
# source code can be found on, do follow us on github
</span>
<span>#!/usr/bin/python</span>
<span :class="{hide: !isMobile}">
# source code:<br>
# follow us on github
</span>
<p class="code mb-5">
<p class="code mb-2">
<!-- <span class="identifier">
const
</span> -->
@@ -53,7 +52,7 @@
<span :class="{hide: !isMobile}">
# it is recommended to download the <b>ISO</b> file on PC
</span>
<p class="code mb-5">
<p class="code">
<!-- <span class="identifier">
const
</span> -->
@@ -74,7 +73,7 @@
<span :class="{hide: !isMobile}">
# having problem with installation?
</span>
<p class="code mb-5">
<p class="code">
<!-- <span class="identifier">
const
</span> -->
@@ -176,7 +175,7 @@ function handleResize() {
#hello .head h2, #hello .head .diple {
font-size: 32px;
line-height: 1;
color: #FF7F53;
color: #FF416C;
font-family: 'Fira Code Retina';
}
@@ -203,7 +202,7 @@ function handleResize() {
}
.code .identifier {
color: #FF7F53;
color: #FF416C;
}
.code .variable-name {
@@ -254,7 +253,7 @@ function handleResize() {
height: 300px;
border-radius: 0% 50% 0% 50%;
filter: blur(70px);
background: radial-gradient(circle at 50% 50%,rgba(67, 217, 173, 1), rgba(76, 0, 255, 0));
background: radial-gradient(circle at 50% 50%,rgba(255, 127, 83, 1), rgba(76, 0, 255, 0));
opacity: 0.5;
z-index: 10;
}

6
pages/projects.vue
View File

@@ -164,7 +164,7 @@ input[type="checkbox"]:checked {
}
input[type="checkbox"]:checked:hover {
box-shadow: #FF7F53 0px 0px 0px 2px;
box-shadow: #FF416C 0px 0px 0px 2px;
}
input[type="checkbox"]:not(:checked) {
@@ -177,14 +177,14 @@ input[type="checkbox"]:hover {
background-image: url("data:image/svg+xml;utf8,<svg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.38587 7.2802L11.9718 0.693573L12.9856 1.70668L5.38587 9.30641L0.826172 4.74671L1.83928 3.73361L5.38587 7.2802Z' fill='white'/></svg>");
background-repeat: no-repeat;
background-position: center;
box-shadow: #FF7F53 0px 0px 0px 2px;
box-shadow: #FF416C 0px 0px 0px 2px;
}
input[type="checkbox"]:hover:not(:checked) {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.1);
background-image: none;
box-shadow: #FF7F53 0px 0px 0px 2px;
box-shadow: #FF416C 0px 0px 0px 2px;
}
input[type="checkbox"]:focus {