diff --git a/.gitignore b/.gitignore index 82e6258..acf03ab 100644 --- a/.gitignore +++ b/.gitignore @@ -15,3 +15,4 @@ crash.log* .sass-cache/ node_modules/ +*.iml 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..bc45664 100644 --- a/content/assets/stylesheets/includes/projects.scss +++ b/content/assets/stylesheets/includes/projects.scss @@ -1,19 +1,23 @@ -#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; + + div { + margin: 10px; + } } -.links > .column { - display: inline-block; - max-width: 160px; - align-items: center; +@media (max-width: #{$tablet}) { + .links { + align-self: center; + } +} + +.rows { + display: flex; + flex-direction: column; } .project { diff --git a/content/projects.erb b/content/projects.erb index 3a43a15..92c9e10 100644 --- a/content/projects.erb +++ b/content/projects.erb @@ -10,23 +10,28 @@ order: 30 -
+

Hydra

-

Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.

- +<% end %> \ No newline at end of file diff --git a/lib/helpers/projects.rb b/lib/helpers/projects.rb index cbebd53..e743ec6 100644 --- a/lib/helpers/projects.rb +++ b/lib/helpers/projects.rb @@ -3,4 +3,10 @@ module ProjectsHelper def all_projects @items.find_all('/projects/*') end + # Inline a svg file. + def svg(name) + File.open("content/assets/images/#{name}.svg", "rb") do |file| + "
" + file.read + "
" + end + end end