diff --git a/content/assets/images/apple.svg b/content/assets/images/apple.svg new file mode 100644 index 0000000..383b9d1 --- /dev/null +++ b/content/assets/images/apple.svg @@ -0,0 +1,76 @@ + \ No newline at end of file diff --git a/content/assets/images/google.svg b/content/assets/images/google.svg new file mode 100644 index 0000000..cbf3dde --- /dev/null +++ b/content/assets/images/google.svg @@ -0,0 +1,196 @@ + \ No newline at end of file diff --git a/content/assets/images/win.png b/content/assets/images/win.png deleted file mode 100644 index 695f375..0000000 Binary files a/content/assets/images/win.png and /dev/null differ diff --git a/content/assets/images/windows.svg b/content/assets/images/windows.svg new file mode 100644 index 0000000..6304929 --- /dev/null +++ b/content/assets/images/windows.svg @@ -0,0 +1,61 @@ + \ No newline at end of file diff --git a/content/assets/stylesheets/includes/projects.scss b/content/assets/stylesheets/includes/projects.scss index c441143..b3ebf2a 100644 --- a/content/assets/stylesheets/includes/projects.scss +++ b/content/assets/stylesheets/includes/projects.scss @@ -1,21 +1,24 @@ -#flex-align-links { - width: 100%; - height: 60%; - padding-right: 5%; - display: flex; - justify-content: flex-end; +.links { + flex: 1; + align-self: flex-end; + align-items: flex-end; + padding-right: 20px; } -.links { - align-self: flex-end; +.rows { + display: flex; + flex-direction: column; } .links > .column { - display: inline-block; - max-width: 160px; + max-width: 200px; align-items: center; } +.links .column a img { + width: 100%; +} + .project { background-color: $body-background; margin-top: 30px; diff --git a/content/projects.erb b/content/projects.erb index 3a43a15..d4274fd 100644 --- a/content/projects.erb +++ b/content/projects.erb @@ -10,23 +10,24 @@ order: 30 -
Hydra
-Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.
-
+ Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.
+ For an overview of the features, visit the project's website.
+