Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more icons

Browse source
This commit is contained in:
MathMan05 2024-08-02 15:33:24 -05:00
parent acbd454b8c
commit 28e3a311e5
5 changed files with 32 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

22
.dist/localuser.js
View file

@ -359,18 +359,21 @@ class Localuser {
buildservers() { buildservers() {
const serverlist = document.getElementById("servers"); // const serverlist = document.getElementById("servers"); //
const outdiv = document.createElement("div"); const outdiv = document.createElement("div");
const img = document.createElement("img");
const div = document.createElement("div"); const div = document.createElement("div");
div.textContent = "⌂";
div.classList.add("home", "servericon"); 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; this.guildids.get("@me").html = outdiv;
const unread = document.createElement("div"); const unread = document.createElement("div");
unread.classList.add("unread"); unread.classList.add("unread");
outdiv.append(unread); outdiv.append(unread);
outdiv.appendChild(div); outdiv.append(div);
div.appendChild(img);
outdiv.classList.add("servernoti"); outdiv.classList.add("servernoti");
serverlist.append(outdiv); serverlist.append(outdiv);
div.onclick = function () { img.onclick = function () {
this["all"].loadGuild(); this["all"].loadGuild();
this["all"].loadChannel(); this["all"].loadChannel();
}; };
@ -401,10 +404,13 @@ class Localuser {
div.onclick = _ => { div.onclick = _ => {
this.createGuild(); this.createGuild();
}; };
const guildDiscoveryContainer = document.createElement("div"); const guilddsdiv = document.createElement("div");
guildDiscoveryContainer.textContent = "🧭"; const guildDiscoveryContainer = document.createElement("img");
guildDiscoveryContainer.classList.add("home", "servericon"); guildDiscoveryContainer.src = "/icons/explore.svg";
serverlist.appendChild(guildDiscoveryContainer); guildDiscoveryContainer.classList.add("svgtheme");
guilddsdiv.classList.add("home", "servericon");
guilddsdiv.appendChild(guildDiscoveryContainer);
serverlist.appendChild(guilddsdiv);
guildDiscoveryContainer.addEventListener("click", () => { guildDiscoveryContainer.addEventListener("click", () => {
this.guildDiscovery(); this.guildDiscovery();
}); });

1
webpage/icons/explore.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><circle cx="90" cy="90" r="64.4" style="fill:none;stroke:red;stroke-width:11.1467;stroke-linejoin:bevel;stroke-dasharray:none"/><g transform="rotate(4.6 -290 396.6) scale(.71167)"><circle cx="89.9" cy="86.9" r="15.5" style="fill:none;stroke:red;stroke-width:11.24121975;stroke-linejoin:bevel;stroke-dasharray:none"/><path d="M134.9 34.6 90.2 71.2l.3.2c6.7.3 12.5 4.8 14.3 11.2l.7.5zM88 102.3a15.5 15.5 0 0 1-12.6-9.9l-1.9-1.6-15.4 34 30-22.6Z" style="fill:red;stroke:red;stroke-width:4.2154574;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 633 B

1
webpage/icons/home.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"><path d="M88.5 13.4 20.7 66.3h10l57.8-44.8 56.8 44.8h9.4z" style="fill:red;stroke:red;stroke-width:3;stroke-linecap:round;stroke-linejoin:round" transform="translate(13.2 21.1) scale(.87592)"/><path d="M111.3 10.6v22.8l23.4 18.4h2.4V10.6Z" style="fill:red;stroke:red;stroke-linejoin:bevel" transform="translate(13.2 21.1) scale(.87592)"/><path d="M140 88.5 90.6 49.2 40 89.2v59.2h36.8v-38.5H103v38.5h37z" style="fill:red;stroke:red;stroke-width:2.62775;stroke-linecap:round;stroke-linejoin:round"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 566 B

25
webpage/localuser.ts
View file

@ -370,20 +370,23 @@ class Localuser{
buildservers():void{ buildservers():void{
const serverlist=document.getElementById("servers");// const serverlist=document.getElementById("servers");//
const outdiv=document.createElement("div"); const outdiv=document.createElement("div");
const img=document.createElement("img");
const div=document.createElement("div"); const div=document.createElement("div");
div.classList.add("home","servericon");
div.textContent="⌂"; img.src="/icons/home.svg";
div.classList.add("home","servericon") img.classList.add("svgtheme")
div["all"]=this.guildids.get("@me"); img["all"]=this.guildids.get("@me");
this.guildids.get("@me").html=outdiv; this.guildids.get("@me").html=outdiv;
const unread=document.createElement("div"); const unread=document.createElement("div");
unread.classList.add("unread"); unread.classList.add("unread");
outdiv.append(unread); outdiv.append(unread);
outdiv.appendChild(div); outdiv.append(div);
div.appendChild(img);
outdiv.classList.add("servernoti") outdiv.classList.add("servernoti")
serverlist.append(outdiv); serverlist.append(outdiv);
div.onclick=function(){ img.onclick=function(){
this["all"].loadGuild(); this["all"].loadGuild();
this["all"].loadChannel(); this["all"].loadChannel();
} }
@ -416,11 +419,13 @@ class Localuser{
div.onclick=_=>{ div.onclick=_=>{
this.createGuild(); this.createGuild();
} }
const guilddsdiv=document.createElement("div");
const guildDiscoveryContainer=document.createElement("div"); const guildDiscoveryContainer=document.createElement("img");
guildDiscoveryContainer.textContent="🧭"; guildDiscoveryContainer.src="/icons/explore.svg";
guildDiscoveryContainer.classList.add("home","servericon"); guildDiscoveryContainer.classList.add("svgtheme");
serverlist.appendChild(guildDiscoveryContainer); guilddsdiv.classList.add("home","servericon");
guilddsdiv.appendChild(guildDiscoveryContainer);
serverlist.appendChild(guilddsdiv);
guildDiscoveryContainer.addEventListener("click", ()=>{ guildDiscoveryContainer.addEventListener("click", ()=>{
this.guildDiscovery(); this.guildDiscovery();
}); });

1
webpage/style.css
View file

@ -653,6 +653,7 @@ textarea:focus-visible,
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
padding-left: .05in; padding-left: .05in;
overflow-y: clip;
} }
.channel:hover { .channel:hover {