sora/phantombot-plugins
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added Icons

Browse Source
This commit is contained in:
choelzl 2022-04-21 16:02:25 +02:00
parent 659a115b3d
commit ff53fedf6e
Signed by: sora
GPG Key ID: A362EA0491E2EEA0
2 changed files with 29 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/overlay/index.html
View File

@ -12,13 +12,28 @@
<body> <body>
<div class="main"> <div class="main">
<div id="all" class="col-12 row"> <div id="all" class="col-12 row">
<div class="col-10 m-auto card mb-3"><div class="position-absolute">Last Follow:</div><div id="follow" class="text-center fs-1 fw-bolder">-</div></div> <div class="col-10 m-auto card mb-3">
<div class="col-10 m-auto card mb-3"><div class="position-absolute">Last Sub:</div><div id="subscribe" class="text-center fs-1 fw-bolder">-</div></div> <svg class="position-absolute"><g><path fill-rule="evenodd" d="M9.171 4.171A4 4 0 006.343 3H6a4 4 0 00-4 4v.343a4 4 0 001.172 2.829L10 17l6.828-6.828A4 4 0 0018 7.343V7a4 4 0 00-4-4h-.343a4 4 0 00-2.829 1.172L10 5l-.829-.829z" clip-rule="evenodd"></path></g></svg>
<div class="col-10 m-auto card mb-3"><div class="position-absolute">Last Donation:</div><div id="donate" class="text-center fs-1 fw-bolder">-</div></div> <div id="follow" class="text-center fs-1 fw-bolder">-</div>
</div>
<div class="col-10 m-auto card mb-3">
<svg class="position-absolute"><g><path d="M8.944 2.654c.406-.872 1.706-.872 2.112 0l1.754 3.77 4.2.583c.932.13 1.318 1.209.664 1.853l-3.128 3.083.755 4.272c.163.92-.876 1.603-1.722 1.132L10 15.354l-3.579 1.993c-.846.47-1.885-.212-1.722-1.132l.755-4.272L2.326 8.86c-.654-.644-.268-1.723.664-1.853l4.2-.583 1.754-3.77z"></path></g></svg>
<div id="subscribe" class="text-center fs-1 fw-bolder">-</div>
</div>
<div class="col-10 m-auto card mb-3">
<svg class="position-absolute"><g><path d="M14.152 10.795c-.282.035-.567.04-.85.014V7.935h.577a1.316 1.316 0 01.999.448c.175.204.316.49.316.887 0 .968-.5 1.349-1.042 1.525zM8.923 12.596a.136.136 0 01-.08-.02.467.467 0 01-.055-.045c-.055-.055-.187-.177-.36-.336-.525-.486-1.427-1.319-1.68-1.664-.36-.488-.527-1.366-.046-1.877.48-.511 1.52-.55 2.207.206 0 0 .792-.901 1.754-.487.963.414.926 1.522.366 2.18-.63.735-2.03 2.012-2.03 2.012a.135.135 0 01-.076.031z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm6.625-9.223c-.169-.89-.648-1.445-1.139-1.787a3.028 3.028 0 00-1.735-.537H4.962c-.306 0-.423.298-.424.448v.097s-.014 3.889.013 5.966c.083 1.226 1.312 1.225 1.312 1.225s4.01-.011 5.934-.023c.09 0 .18-.011.268-.033 1.095-.274 1.208-1.291 1.197-1.858 2.201.122 3.754-1.431 3.363-3.498z"></path></g></svg>
<div id="donate" class="text-center fs-1 fw-bolder">-</div>
</div>
</div> </div>
<div id="goal" class="col-12 row"> <div id="goal" class="col-12 row">
<div class="col-10 m-auto card no-border mb-3"><div class="position-absolute index-100">Follow Goal:</div><div id="cfollow" class="text-center fs-1 fw-bolder index-100">-</div></div> <div class="col-10 m-auto card no-border mb-3">
<div class="col-10 m-auto card no-border mb-3"><div class="position-absolute index-100">Sub Goal:</div><div id="csubscribe" class="text-center fs-1 fw-bolder index-100">-</div></div> <svg class="position-absolute"><g><path fill-rule="evenodd" d="M9.171 4.171A4 4 0 006.343 3H6a4 4 0 00-4 4v.343a4 4 0 001.172 2.829L10 17l6.828-6.828A4 4 0 0018 7.343V7a4 4 0 00-4-4h-.343a4 4 0 00-2.829 1.172L10 5l-.829-.829z" clip-rule="evenodd"></path></g></svg>
<div id="cfollow" class="text-center fs-1 fw-bolder index-100">-</div>
</div>
<div class="col-10 m-auto card no-border mb-3">
<svg class="position-absolute"><g><path d="M8.944 2.654c.406-.872 1.706-.872 2.112 0l1.754 3.77 4.2.583c.932.13 1.318 1.209.664 1.853l-3.128 3.083.755 4.272c.163.92-.876 1.603-1.722 1.132L10 15.354l-3.579 1.993c-.846.47-1.885-.212-1.722-1.132l.755-4.272L2.326 8.86c-.654-.644-.268-1.723.664-1.853l4.2-.583 1.754-3.77z"></path></g></svg>
<div id="csubscribe" class="text-center fs-1 fw-bolder index-100">-</div>
</div>
</div> </div>
<div id="timer"></div> <div id="timer"></div>

20
web/overlay/styles.css
View File

@ -31,6 +31,15 @@
color: var(--nord4); color: var(--nord4);
} }
path {
fill: currentColor;
}
svg {
height: 100%;
aspect-ratio: 1;
}
a, a,
a:visited { a:visited {
color: var(--nord7); color: var(--nord7);
@ -82,16 +91,6 @@
border:none!important; border:none!important;
} }
img {
object-fit:cover;
background-color: var(--nord3);
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
}
img.no-bg {
background-color: transparent;
box-shadow: none;
}
.img-wrap { .img-wrap {
display: inline-block; width: 100%; height: 100%; display: inline-block; width: 100%; height: 100%;
width:fit-content; width:fit-content;
@ -127,7 +126,6 @@
.card { .card {
scrollbar-color: var(--nord4) var(--nord1); scrollbar-color: var(--nord4) var(--nord1);
scrollbar-width: thin; scrollbar-width: thin;
box-shadow: 8px 8px rgba(0, 0, 0, 0.2);
background-color: var(--nord1); background-color: var(--nord1);
} }