diff --git a/assets/css/style.css b/assets/css/style.css index a379eef..d383736 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -98,13 +98,16 @@ a:visited, a:link { flex-direction: column; align-items: center; margin: 1.5%; - min-height: max-content; backdrop-filter: blur(8px) saturate(200%); -webkit-backdrop-filter: blur(8px) saturate(200%); background: rgba(255, 255, 255, 0.15); flex: 1 0 21%; height: 300px; width: 300px; + min-width: 150px; + max-width: 300px; + min-height: 150px; + max-height: 300px; } .project-title { @@ -273,17 +276,16 @@ a:visited, a:link { margin: 10px; margin-top: 17px; flex-basis: 35%; - height: 200px; } .project-description { margin: 0; height: 75px; - font-size: 2vw; + font-size: 3vw; } .project-button { - margin-top: 20px; + margin-top: 120px; } .topbar { diff --git a/data/links.json b/data/links.json index a5e638f..c02f5a1 100644 --- a/data/links.json +++ b/data/links.json @@ -176,7 +176,7 @@ } ] }, - "webdev": { + "news": { "title": "Linux and FOSS News", "class": "linux-news", "links": [ @@ -202,7 +202,7 @@ } ] }, - "youtube": { + "learn": { "title": "Learn", "class": "learn", "links": [ @@ -259,5 +259,19 @@ "link": "https://www.coursera.org/professional-certificates/meta-front-end-developer" } ] + }, + "useful": { + "title": "Useful websites", + "class": "useful", + "links": [ + { + "title": "Google webfonts helper", + "link": "https://gwfh.mranftl.com/" + }, + { + "title": "Landchad", + "link": "https://landchad.net/" + } + ] } }