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;