Skip to content

Commit

Permalink
added dark mode classes for project tags
Browse files Browse the repository at this point in the history
  • Loading branch information
@AkhilLV
AkhilLV committed Oct 10, 2023
1 parent 75ab0ee commit 89224f8
Show file tree
Hide file tree
Showing 2 changed files with 102 additions and 71 deletions.
134 changes: 66 additions & 68 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,87 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blankspace</title>
<link rel="icon" href="./logo.svg" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
</head>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blankspace</title>
<link rel="icon" href="./logo.svg" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<a href="https://github.com/blankspace-community">
<img src="logo.svg" alt="" id="logo" />
</a>
<h1>Blankspace <span>It's not blank ;)</span></h1>

<body>
<a href="https://github.com/blankspace-community">
<img src="logo.svg" alt="" id="logo" />
</a>
<h1>Blankspace <span>It's not blank ;)</span></h1>
<p class="sub">
A community for those who code and want to learn how to code.
</p>

<p class="sub">
A community for those who code and want to learn how to code.
</p>
<a href="https://github.com/blankspace-community" class="btn">
<img src="./github-mark-white.svg" alt="" />
<span>Github Community</span>
</a>

<a href="https://github.com/blankspace-community" class="btn">
<img src="./github-mark-white.svg" alt="" />
<span>Github Community</span>
</a>
<h1>Ongoing projects</h1>
<section class="projects">
<div class="project">
<a href="https://github.com/adhilsalim/webquick">
<h3><span>1. </span>WebQuick</h3>
</a>

<h1>Ongoing projects</h1>
<section class="projects">
<div class="project">
<a href="https://github.com/adhilsalim/webquick">
<h3><span>1. </span>WebQuick</h3>
</a>
<p>Simple CLI to get started with web dev</p>

<p>Simple CLI to get started with web dev</p>

<div class="tags">
<span class="js">Javascript</span>
<span class="green">Just started</span>
<div class="tags">
<span class="js">Javascript</span>
<span class="green">Just started</span>
</div>
</div>
</div>

<div class="project">
<a href="https://github.com/AmarnathCJD/gogram">
<h3><span>2. </span>GoGram</h3>
</a>
<div class="project">
<a href="https://github.com/AmarnathCJD/gogram">
<h3><span>2. </span>GoGram</h3>
</a>

<p>Full-native implementation of MTProto protocol on Golang</p>
<p>Full-native implementation of MTProto protocol on Golang</p>

<div class="tags">
<span class="go">Go</span>
<span class="orange">In development for quite a while</span>
<div class="tags">
<span class="go">Go</span>
<span class="orange">In development for quite a while</span>
</div>
</div>
</div>

<div class="project">
<a href="https://github.com/blankspace-community/KTUPapers">
<h3><span>3. </span>KTUPapers</h3>
</a>
<p>A modern question paper repository for KTU students</p>
<div class="project">
<a href="https://github.com/blankspace-community/KTUPapers">
<h3><span>3. </span>KTUPapers</h3>
</a>
<p>A modern question paper repository for KTU students</p>

<div class="tags">
<span class="js">Javascript</span>
<span class="green">HTML/CSS</span>
<span class="green">About to start</span>
<div class="tags">
<span class="js">Javascript</span>
<span class="green">HTML/CSS</span>
<span class="green">About to start</span>
</div>
</div>
</div>

<div class="project">
<a href="https://github.com/AkhilLV/SpaceLearn">
<h3><span>4. </span>SpaceLearn</h3>
</a>
<p>
A glorified todo-list. Create spaced learning cards for your tasks!
</p>
<div class="project">
<a href="https://github.com/AkhilLV/SpaceLearn">
<h3><span>4. </span>SpaceLearn</h3>
</a>
<p>
A glorified todo-list. Create spaced learning cards for your tasks!
</p>

<div class="tags">
<span class="js">Javascript</span>
<span class="go">React</span>
<span class="postgres">PostgreSQL</span>
<span class="green">Node.js</span>
<span class="orange">In development for quite a while</span>
<div class="tags">
<span class="js">Javascript</span>
<span class="go">React</span>
<span class="postgres">PostgreSQL</span>
<span class="green">Node.js</span>
<span class="orange">In development for quite a while</span>
</div>
</div>
</div>
</section>
</body>

</html>
</section>
</body>
</html>
39 changes: 36 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ img#logo {
}

h1 {
font-size: 2.25rem;
font-size: 1.8rem;
margin-bottom: 30px;
}

Expand Down Expand Up @@ -90,7 +90,7 @@ h1 span {
.projects .project {
border: 2px solid #f5f5f5;
border-radius: 15px;
padding: 40px;
padding: 60px;
}

@media (max-width: 700px) {
Expand Down Expand Up @@ -118,9 +118,10 @@ h1 span {
background: #ff8b8b;
padding: 10px 25px;
border-radius: 100px;
border: 2px solid #f51111;
border: 1px solid #f51111;
display: inline-block;
margin: 5px 0;
margin-right: 5px;
}

@media (max-width: 700px) {
Expand Down Expand Up @@ -154,3 +155,35 @@ h1 span {
background: #b2d9ff;
border-color: #399dff;
}

/* Dark */

.projects .tags span.green-dark {
background: #002406;
border-color: #9dffb3;
color: #ddffe2;
}

.projects .tags span.js-dark {
background: #181700;
border-color: #ff852c;
color: #ff852c;
}

.projects .tags span.go-dark {
background: #001f23;
border-color: #9df9ff;
color: #ddfbff;
}

.projects .tags span.orange-dark {
background: #3f1e00;
border-color: #ffbb9d;
color: #ffeddd;
}

.projects .tags span.postgres-dark {
background: #00172f;
border-color: #9df9ff;
color: #a8ccf0;
}

0 comments on commit 89224f8

Please sign in to comment.