diff --git a/config.json b/config.json index 59aa117..673d0f5 100644 --- a/config.json +++ b/config.json @@ -77,6 +77,7 @@ "Univerter": "rgb(200, 175, 255)", "Ko-fi": "rgb(255, 150, 150)", "Revolt": "rgb(255, 50, 50)", - "Discord": "rgb(150, 150, 255)" + "Discord": "rgb(150, 150, 255)", + "SearXNG": "rgb(100, 100, 255)" } } \ No newline at end of file diff --git a/static/global.css b/static/global.css index 31b80dc..c0dfcb6 100644 --- a/static/global.css +++ b/static/global.css @@ -105,15 +105,14 @@ h3 { transition: transform 1.25s cubic-bezier(0.075, 0.82, 0.165, 1), background-color 2s cubic-bezier(0.075, 0.82, 0.165, 1); } -.chip, -.chip>* { +a.chip { text-decoration: none; + background-image: linear-gradient(rgb(175, 225, 255), rgb(175, 225, 255)); + background-size: calc(100% - 15px) 2px; + background-position: 50% 87.5%; + background-repeat: no-repeat; } -/* span { - text-decoration: none; -} */ - .chip:hover { background-color: rgb(10, 0, 25); transform: scale(1); diff --git a/static/index.html b/static/index.html index 4741662..567c5dc 100644 --- a/static/index.html +++ b/static/index.html @@ -13,9 +13,7 @@ - + diff --git a/static/root.css b/static/root.css index 82d28f1..e5f9775 100644 --- a/static/root.css +++ b/static/root.css @@ -52,11 +52,14 @@ display: flex; position: relative; z-index: 3; + /* max-height: 200px; */ } .activity>p { width: 100%; - overflow-wrap: break-word; + max-height: 100%; + overflow-wrap: anywhere; + text-overflow: ellipsis; padding: 5px; align-self: center; } @@ -67,12 +70,16 @@ object-fit: cover; } +.activity>img:not(.smallimg) { + min-width: 128px; +} + .activity>.smallimg { - width: 64px; - height: 64px; + width: 48px; + height: 48px; position: absolute; bottom: 0px; - left: 72px; + left: 0px; border-radius: 50px; background: black; padding: 5px; @@ -84,13 +91,13 @@ transform: scale(1); } -img:not(.project-inner > div > img) { +img:not(.project-inner > div > img):not(.activity>img) { width: 100%; max-width: 135px; transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); } -@media screen and (min-width: 750px) { +@media screen and (min-width: 850px) { .activity-container { display: flex; flex-wrap: wrap;