mirror of
https://github.com/ION606/ion606.github.io.git
synced 2026-05-14 22:16:59 +00:00
added VCS card and fixed some formatting issues
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
+6
-8
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user