added VCS card and fixed some formatting issues

This commit is contained in:
ION606
2024-06-26 13:55:56 -04:00
parent 537575cd7d
commit 001430e16c
3 changed files with 18 additions and 8 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

+6 -8
View File
@@ -17,19 +17,19 @@ body {
.container {
display: flex;
flex-wrap: wrap; /* Allow wrapping onto the next line */
justify-content: space-around;
align-items: center;
align-items: flex-start; /* Align items to the top */
margin-top: 50px;
}
.project-card {
background-color: #3b2c57;
/* Dark purple card background */
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
width: 300px;
padding: 20px;
margin: 0 20px;
margin: 20px; /* Add margin to create space between cards */
transition: transform 0.3s ease;
cursor: pointer;
}
@@ -109,14 +109,12 @@ body {
@media (max-width: 900px) {
.container {
flex-direction: column;
align-items: center;
flex-direction: row;
justify-content: center;
}
.project-card {
/* width: calc(100% - 40px); */
/* Account for margin */
margin: 30px 0;
margin: 30px;
}
}
+12
View File
@@ -79,6 +79,18 @@
</div>
</div>
<div class="project-card" onclick="window.open('https://github.com/ION606/VCS', target='_blank')">
<div class="project-preview">
<img src="https://github.com/ION606/ion606.github.io/blob/main/assets/vcs_icon.png?raw=true"
alt="ION VCS Preview">
</div>
<div class="project-info">
<h2>ION VCS</h2>
<p>A future version control system and file sharing system built around rsync and inspired by the github cli</p>
<a href="https://github.com/ION606/VCS" target="_blank">Visit Website</a>
</div>
</div>
<div class="project-card" onclick="window.open('https://ionlang.ion606.com', target='_blank')">
<div class="project-preview">
<img src="https://github.com/The-ION-Language/ION-Lang/blob/main/assets/ION_LANG_LOGO.png?raw=true"