diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..6c55f7f Binary files /dev/null and b/.DS_Store differ diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000..2af3bfd Binary files /dev/null and b/css/.DS_Store differ diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..82ec524 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,64 @@ +body { + margin: 0; + background-color: #AAAAAA; + font-family: 'Trebuchet MS', sans-serif; +} + +.top-container { + text-align: center; + height: 100vh; + padding: 24px; +} + +.profile-picture { + width: 100%; + border-radius: 50%; + max-width: 600px; + box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); +} + +.projects-grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + padding: 24px; + gap: 12px; +} + +.project { + text-decoration: none; + color: black; + border-radius: 8px; + flex: 1; + background-color: #888888; + display: flex; + box-shadow:0 8px 12px 0 rgba(0,0,0,0.2),0 6px 12px 0 rgba(0,0,0,0.17); + min-width: 300px; + transition: transform 250ms; + padding: 12px; + gap: 12px; +} + +.project:hover { + background-color: #666666; + transform: translateY(-8px); + cursor: pointer; +} + +.project-logo-container { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + font-size: 4rem; +} + +.project-body { + flex: 5; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + text-align: left; +} diff --git a/dvd-logo/images/dvd-logo.png b/dvd-logo/images/dvd-logo.png new file mode 100644 index 0000000..560e642 Binary files /dev/null and b/dvd-logo/images/dvd-logo.png differ diff --git a/dvd-logo/index.html b/dvd-logo/index.html new file mode 100644 index 0000000..fc07484 --- /dev/null +++ b/dvd-logo/index.html @@ -0,0 +1,25 @@ + + + +
+
+ ๐ Hello!
+
+ ๐ค I'm Simponic.
+
+ ๐ This pages hosts strictly static content.
+
+ ๐ Visit simponic.xyz to view my "real" website.
+
Brings back the nostalgia of old-school DVD players, as discussed in The Office.
+A Randomized Kruskal's Maze game with BFS path-finding. You play as a ๐ฝcorn stalk trying to become ๐ฟpopcorn.
+