Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions debug.log
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[0121/132009.101:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
8 changes: 4 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,19 +22,19 @@ <h3>Simo Edwin</h3>
</div>
<div class="links">
<div class="link">
<img src="./images/twitch.png" alt="" />
<img class="icons" src="./images/twitch.png" alt="" />
<h2>Streams</h2>
</div>
<div class="link">
<img src="./images/steam.png" alt="" />
<img class="icons" src="./images/steam.png" alt="" />
<h2>Games</h2>
</div>
<div class="link">
<img src="./images/upcoming.png" alt="" />
<img class="icons" src="./images/upcoming.png" alt="" />
<h2>New</h2>
</div>
<div class="link">
<img src="./images/library.png" alt="" />
<img class="icons" src="./images/library.png" alt="" />
<h2>Library</h2>
</div>
</div>
Expand Down
56 changes: 21 additions & 35 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,69 +5,50 @@
}

h1 {
color: #426696;
color:#5500ff;
font-weight: 600;
font-size: 3rem;
opacity: 0.8;

}
h2,
p {
color: #658ec6;
color:#5500ff ;
font-weight: 500;
opacity: 0.8;
}

h3 {
color: #426696;
color:#2176e9;
font-weight: 600;
opacity: 0.8;

}

main {
font-family: "Poppins", sans-serif;
min-height: 100vh;
background: linear-gradient(to right top, #65dfc9, #6cdbeb);
background: linear-gradient(to right top, purple,navy);
opacity: 0.8;
display: flex;
align-items: center;
justify-content: center;
}

.glass {
background: white;

min-height: 80vh;
width: 60%;
background: linear-gradient(
to right bottom,
rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0.3)
to left bottom,
violet,blue
);
border-radius: 2rem;
z-index: 2;
backdrop-filter: blur(2rem);

display: flex;
}
.circle1,
.circle2 {
background: white;
background: linear-gradient(
to right bottom,
rgba(255, 255, 255, 0.8),
rgba(255, 255, 255, 0.3)
);
height: 20rem;
width: 20rem;
position: absolute;
border-radius: 50%;
}

.circle1 {
top: 5%;
right: 15%;
}
.circle2 {
bottom: 5%;
left: 10%;
}


.dashboard {
flex: 1;
display: flex;
Expand Down Expand Up @@ -95,9 +76,14 @@ main {
.games {
flex: 2;
}
.icons{
background: linear-gradient(to left,purple,black);
border:2px;
border-radius:10px;
}

.pro {
background: linear-gradient(to right top, #65dfc9, #6cdbeb);
background: linear-gradient(to right top, purple,blue);
border-radius: 2rem;
color: white;
padding: 1rem;
Expand Down Expand Up @@ -154,7 +140,7 @@ main {
}

.progress {
background: linear-gradient(to right top, #65dfc9, #6cdbeb);
background: linear-gradient(to right top,violet , blue);
width: 100%;
height: 25%;
border-radius: 1rem;
Expand All @@ -177,7 +163,7 @@ main {

.percentage {
font-weight: bold;
background: linear-gradient(to right top, #65dfc9, #6cdbeb);
background: linear-gradient(to right top,purple,blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}