ION_Archive/ion606.github.io
1
0
Fork 0
mirror of https://github.com/ION606/ion606.github.io.git synced 2026-05-14 22:16:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

added VCS card and fixed some formatting issues

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
assets/vcs_icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

projects.css
+6 -8
View File
@@ -17,19 +17,19 @@ body {
.container { .container {
display: flex; display: flex;
flex-wrap: wrap; /* Allow wrapping onto the next line */
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: flex-start; /* Align items to the top */
margin-top: 50px; margin-top: 50px;
} }
.project-card { .project-card {
background-color: #3b2c57; background-color: #3b2c57;
/* Dark purple card background */
border-radius: 10px; border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
width: 300px; width: 300px;
padding: 20px; padding: 20px;
margin: 0 20px; margin: 20px; /* Add margin to create space between cards */
transition: transform 0.3s ease; transition: transform 0.3s ease;
cursor: pointer; cursor: pointer;
} }
@@ -109,14 +109,12 @@ body {
@media (max-width: 900px) { @media (max-width: 900px) {
.container { .container {
flex-direction: column; flex-direction: row;
align-items: center; justify-content: center;
} }
.project-card { .project-card {
/* width: calc(100% - 40px); */ margin: 30px;
/* Account for margin */
margin: 30px 0;
} }
} }
projects.html
+12
View File
@@ -79,6 +79,18 @@
</div> </div>
</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-card" onclick="window.open('https://ionlang.ion606.com', target='_blank')">
<div class="project-preview"> <div class="project-preview">
<img src="https://github.com/The-ION-Language/ION-Lang/blob/main/assets/ION_LANG_LOGO.png?raw=true" <img src="https://github.com/The-ION-Language/ION-Lang/blob/main/assets/ION_LANG_LOGO.png?raw=true"