diff --git a/.dist/localuser.js b/.dist/localuser.js
index 0641fed..ccdb395 100644
--- a/.dist/localuser.js
+++ b/.dist/localuser.js
@@ -359,18 +359,21 @@ class Localuser {
buildservers() {
const serverlist = document.getElementById("servers"); //
const outdiv = document.createElement("div");
+ const img = document.createElement("img");
const div = document.createElement("div");
- div.textContent = "⌂";
div.classList.add("home", "servericon");
- div["all"] = this.guildids.get("@me");
+ img.src = "/icons/home.svg";
+ img.classList.add("svgtheme");
+ img["all"] = this.guildids.get("@me");
this.guildids.get("@me").html = outdiv;
const unread = document.createElement("div");
unread.classList.add("unread");
outdiv.append(unread);
- outdiv.appendChild(div);
+ outdiv.append(div);
+ div.appendChild(img);
outdiv.classList.add("servernoti");
serverlist.append(outdiv);
- div.onclick = function () {
+ img.onclick = function () {
this["all"].loadGuild();
this["all"].loadChannel();
};
@@ -401,10 +404,13 @@ class Localuser {
div.onclick = _ => {
this.createGuild();
};
- const guildDiscoveryContainer = document.createElement("div");
- guildDiscoveryContainer.textContent = "🧭";
- guildDiscoveryContainer.classList.add("home", "servericon");
- serverlist.appendChild(guildDiscoveryContainer);
+ const guilddsdiv = document.createElement("div");
+ const guildDiscoveryContainer = document.createElement("img");
+ guildDiscoveryContainer.src = "/icons/explore.svg";
+ guildDiscoveryContainer.classList.add("svgtheme");
+ guilddsdiv.classList.add("home", "servericon");
+ guilddsdiv.appendChild(guildDiscoveryContainer);
+ serverlist.appendChild(guilddsdiv);
guildDiscoveryContainer.addEventListener("click", () => {
this.guildDiscovery();
});
diff --git a/webpage/icons/explore.svg b/webpage/icons/explore.svg
new file mode 100644
index 0000000..1b8305a
--- /dev/null
+++ b/webpage/icons/explore.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/webpage/icons/home.svg b/webpage/icons/home.svg
new file mode 100644
index 0000000..fd449ef
--- /dev/null
+++ b/webpage/icons/home.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/webpage/localuser.ts b/webpage/localuser.ts
index d85bf8d..4f9e1f5 100644
--- a/webpage/localuser.ts
+++ b/webpage/localuser.ts
@@ -370,20 +370,23 @@ class Localuser{
buildservers():void{
const serverlist=document.getElementById("servers");//
const outdiv=document.createElement("div");
+ const img=document.createElement("img");
const div=document.createElement("div");
+ div.classList.add("home","servericon");
- div.textContent="⌂";
- div.classList.add("home","servericon")
- div["all"]=this.guildids.get("@me");
+ img.src="/icons/home.svg";
+ img.classList.add("svgtheme")
+ img["all"]=this.guildids.get("@me");
this.guildids.get("@me").html=outdiv;
const unread=document.createElement("div");
unread.classList.add("unread");
outdiv.append(unread);
- outdiv.appendChild(div);
+ outdiv.append(div);
+ div.appendChild(img);
outdiv.classList.add("servernoti")
serverlist.append(outdiv);
- div.onclick=function(){
+ img.onclick=function(){
this["all"].loadGuild();
this["all"].loadChannel();
}
@@ -416,11 +419,13 @@ class Localuser{
div.onclick=_=>{
this.createGuild();
}
-
- const guildDiscoveryContainer=document.createElement("div");
- guildDiscoveryContainer.textContent="🧭";
- guildDiscoveryContainer.classList.add("home","servericon");
- serverlist.appendChild(guildDiscoveryContainer);
+ const guilddsdiv=document.createElement("div");
+ const guildDiscoveryContainer=document.createElement("img");
+ guildDiscoveryContainer.src="/icons/explore.svg";
+ guildDiscoveryContainer.classList.add("svgtheme");
+ guilddsdiv.classList.add("home","servericon");
+ guilddsdiv.appendChild(guildDiscoveryContainer);
+ serverlist.appendChild(guilddsdiv);
guildDiscoveryContainer.addEventListener("click", ()=>{
this.guildDiscovery();
});
diff --git a/webpage/style.css b/webpage/style.css
index d5f8591..0a849b5 100644
--- a/webpage/style.css
+++ b/webpage/style.css
@@ -653,6 +653,7 @@ textarea:focus-visible,
user-select: none;
cursor: pointer;
padding-left: .05in;
+ overflow-y: clip;
}
.channel:hover {