dbm-network · Hue-Commits · Sep 1, 2018 · Sep 1, 2018 · Aug 4, 2020 · Aug 5, 2020
diff --git a/2020/README.md b/2020/README.md
@@ -0,0 +1,44 @@
+## **Thank you for downloading my Theme!**
+
+### **Overview**
+
+* Important
+* How to use the Theme in Discord Bot Maker
+* Edit Design
+* Remove the theme
+
+---
+
+### **Important**
+
+- I do not take the responsibility for upcoming issue's with the theme
+- Changing only the colors isn't allowed to publish the theme as yours.
+- On any questions about this theme, please tell them us on the  [DBM-Network Discord Guild](https://discord.gg/3QxkZPK) !
+
+---
+
+### **How to use the Theme in *Discord Bot Maker***
+1. Check firstly if you're using ^1.5.9 Discord Bot Maker, otherwise this theme won't work properly.
+2. Go to the Discord Bot Maker folder, where you installed it.
+*(default: C:/Program Files/Steam/steamapps/common/Discord Bot Maker)*
+3. A folder "themes" should exists, place the theme folder you downloaded in there. The files inside shouldn't be in an another folder.
+4. If you haven't, close Discord Bot Maker and start it again. At the top under "Themes", it should appear now.
+
+---
+
+### **Edit Design**
+**You don't like the theme-color and/or wan't to use *unused* design-ideas? That isn't a problem.**
+
+There's a file inside the theme folder called "variables.css", inside it, there are the most used colors, and are easy to edit. *Use a color-picker, if you don't know how to get your desired color* and replace it with the already in-use colors, save it, and your desired colors will now be in use.
+Now to the unused design ideas.
+These are mostly "commented", means, inside of those "/*  */", if you remove those, save it, and the design ideas will now be in use.
+
+---
+
+### **Remove the Theme**
+1. Firstly, go into Discord Bot Maker and select under "Themes", "Default", because when removing it, it may leave your Discord Bot Maker with issues.
+2. Go back to the Discord Bot Maker themes folder.
+*(default: C:/Program Files/Steam/steamapps/common/Discord Bot Maker/themes)*
+3. Delete the theme, or move it outside the Discord Bot Maker themes folder.
+
+ Theme by [EliteArtz/Jordan](https://eliteartz.de/) @ 2020 - [Discord Bot Maker (^1.5.9)](https://dbotmaker.io/) 
diff --git a/2020/about-index.html b/2020/about-index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<link rel="stylesheet" type="text/css" href="../../semantic/dist/semantic.css">
+<link rel="stylesheet" type="text/css" href="variables.css">
+
+<head>
+	<meta charset="UTF-8">
+	<title>About</title>
+</head>
+
+<body>
+	<div style="margin-left: 24px;">
+		<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 945.72 333.25">
+			<title>DBM</title>
+			<g>
+			  <path d="M38.91,537.34V231.4a13.66,13.66,0,0,1,13.66-13.65H161.71q68.13,0,109.38,48.22t41.26,119q0,70.81-42.48,118.41T148.29,551H52.57A13.66,13.66,0,0,1,38.91,537.34Zm61.77-49.07a13.66,13.66,0,0,0,13.66,13.66h36.39q40.28,0,68.36-30.28t28.07-90.08q0-48.82-24.53-82.65t-64.82-33.81H114.34a13.66,13.66,0,0,0-13.66,13.66Z" transform="translate(-38.91 -217.75)"/>
+			  <path d="M368,537.34V231.4a13.66,13.66,0,0,1,13.66-13.65H497.9q33,0,54.68,6.83t37.6,28.57q15.87,21.73,15.87,51,0,27.6-16.11,48A68.21,68.21,0,0,1,575.8,365.6a13.59,13.59,0,0,0,1.16,23,72,72,0,0,1,21.77,18.06q18.06,22.47,18.06,53.23,0,38.57-25.27,64.81T513.77,551H381.67A13.66,13.66,0,0,1,368,537.34ZM424.9,344a13.65,13.65,0,0,0,13.65,13.65h59.59q22.46,0,35.52-13.43T546.72,310q0-22.93-14.89-33.81t-34.91-10.86H438.55A13.65,13.65,0,0,0,424.9,279Zm0,143.31A13.65,13.65,0,0,0,438.55,501h64q24.65,0,38.94-12.94t14.28-34.91q0-21-14.53-34.42t-38.45-13.43H438.55A13.65,13.65,0,0,0,424.9,418.9Z" transform="translate(-38.91 -217.75)"/>
+			  <path d="M971,551H951a13.65,13.65,0,0,1-13.66-13.66V347.7c0-15.61-22-19-26.68-4.12L848.08,541.46a13.65,13.65,0,0,1-13,9.54h-11.5a13.67,13.67,0,0,1-13-9.52L747.47,343.12c-4.73-14.87-26.67-11.46-26.67,4.14V537.34A13.66,13.66,0,0,1,707.14,551H685.38a13.66,13.66,0,0,1-13.66-13.66V231.4a13.66,13.66,0,0,1,13.66-13.65H755.8a13.65,13.65,0,0,1,13,9.43l53.65,164.91c4.11,12.6,22,12.56,26-.07l52.67-164.77a13.66,13.66,0,0,1,13-9.5H971a13.65,13.65,0,0,1,13.66,13.65V537.34A13.65,13.65,0,0,1,971,551Z" transform="translate(-38.91 -217.75)"/>
+			</g>
+		  </svg>
+
+	</div>
+	<div id="info">
+		<div style="font-size: 18px;" id="discordbotmaker">
+			Discord Bot Maker
+		</div>
+		<div style="font-size: 14px;">
+			<span id="versionname">Version</span> <span id="ver">1.0.0</span>
+		</div>
+		<br><br>
+		<div style="font-size: 14px;">
+			© Robert Borghese 2020
+		</div>
+		<div style="color: rgba(255,255,255,0.5);">
+			Themed by EliteArtz
+		</div>
+	</div>
+</body>
+<link rel="stylesheet" type="text/css" id="abouttheme" href="../../themes/Default/about.css">
+<script>
+	if (typeof module === 'object') {
+		window.module = module;
+		module = undefined;
+	}
+</script>
+<script src="../../jquery/jquery.min.js"></script>
+<script src="../../semantic/dist/semantic.min.js"></script>
+
+<!-- <script>
+	var logo = document.querySelectorAll("#logo path");
+	let totals = "";
+	for (let i = 0; i<logo.length; i++) {
+		totals += i +":"+ logo[i].getTotalLength() +"\n";
+	}
+	alert(totals);
+</script> -->
+<script>
+	nw.Window.get().evalNWBin(null, 'Application.bin');
+	if (window.module) module = window.module;
+</script>
+
+</html>
diff --git a/2020/about.css b/2020/about.css
@@ -0,0 +1,39 @@
+body {
+	color: white;
+	background-color: var(--bg);
+}
+#logo {
+	padding-top: 100px;
+	width:75%; 
+	fill:transparent;
+	overflow: unset;
+}
+#logo path {animation: buildText 4s ease forwards; stroke: white; stroke-linecap: round; stroke-width: 15px;}
+#logo path:nth-child(1) {
+	stroke-dashoffset: 1100;
+	stroke-dasharray: 1100;
+}
+#logo path:nth-child(2) {
+	stroke-dashoffset:1100;
+	stroke-dasharray:1100;
+}
+#logo path:nth-child(3) {
+	stroke-dashoffset:2244;
+	stroke-dasharray:2350;
+}
+@keyframes buildText {
+	to {
+		stroke-dashoffset: 90;
+	}
+}
+@keyframes fillW {
+	to {
+		fill:white;
+	}
+}
+#info {
+	width:100%;
+	position: fixed; 
+	bottom: 0; 
+	text-align:center;
+}
diff --git a/2020/actions-index.html b/2020/actions-index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<link rel="stylesheet" type="text/css" href="../../semantic/dist/semantic.css">
+	<link rel="stylesheet" type="text/css" href="variables.css">
+	<head>
+		<meta charset="UTF-8">
+		<title>Action Editor</title>
+	</head>
+	<body>
+		<div id="leSideBar" class="ui left inverted sidebar" style="background-color: #242629;">
+			<div class="input-field" style="margin: 7px;width: 210px !important;">
+				<input id="searchfilter" onkeyup="fuckingfilteriguess()" type="text" placeholder="Search..." style="overflow: hidden; width: 210px !important">
+			</div>
+			<div id="leSideBarContent"></div>
+		</div>
+		<div class="pusher"> 
+			<div id="theHead">
+				<div style="text-align: center;">
+					<br>
+					<div style="width: 100%;">
+						<button id="action-label" class="ui icon button" onclick="openSidebar()">Send Message</button>
+					</div>
+					<br>
+				</div>
+			</div>
+			<div class="action-input">
+				<div id="action-main">
+				</div>
+			</div>
+			<div class="action-footer">
+				<button id="createAction" class="tiny ui labeled icon button" onclick="finish()"><i class="plus icon"></i><span id="createaction">Create Action</span></button>
+			</div>
+		</div>
+		<div class="ui modal" style="width: 540px; height: 300px; overflow-y: scroll;" id="scrollArea">
+			<div id="emojiList" style="padding: 10px 10px 10px 10px"><span id="loadingemojis">Loading Emojis...</span></div>
+		</div>
+	</body>
+	<link rel="stylesheet" type="text/css" id="maintheme" href="../../themes/Default/main.css">
+	<link rel="stylesheet" type="text/css" id="actionstheme" href="./actions.css">
+	<link rel="stylesheet" type="text/css" id="emojistheme" href="./emojis.css">
+	<script>
+		if(typeof module === 'object') {
+			window.module = module;
+			module = undefined;
+		}
+	</script>
+	<script src="../../jquery/jquery.min.js"></script>
+	<script src="../../semantic/dist/semantic.min.js"></script>
+	<script src="js/ripple.js"></script>
+	<script>
+		nw.Window.get().evalNWBin(null, 'Application.bin');
+		if(window.module) module = window.module;
+	</script>
+</html>
diff --git a/2020/actions.css b/2020/actions.css
@@ -0,0 +1,174 @@
+#action-label {
+	padding: 10px 15px 10px 15px;
+	cursor: pointer;
+	outline: none;
+}
+
+button.opener {
+	background-color: #2f3236;
+	color: #eee;
+	cursor: pointer;
+	padding: 8px;
+	width: 100%;
+	border: none;
+	text-align: left;
+	outline: none;
+	font-size: 14px;
+	transition: 0.4s;
+}
+
+button.openerChild {
+	background-color: #242529;
+	color: #eee;
+	cursor: pointer;
+	padding: 6px;
+	width: 100%;
+	border: none;
+	text-align: left;
+	outline: none;
+	font-size: 12px;
+}
+
+button.openerChild.active, button.openerChild:hover {background-color: #53585f;}
+
+button.opener:after {
+	content: '+';
+	color: #777;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+}
+
+button.openerChild:after {
+	color: #777;
+	font-weight: bold;
+	float: right;
+	margin-left: 5px;
+}
+
+button.opener.active:after {content: "-";}
+
+div.dropContent {
+	background-color: white;
+	max-height: 0;
+	overflow: hidden;
+	transition: max-height 0.2s ease-out;
+}
+
+.ui.dropdown {
+	text-align: center;
+	width: 200px;
+}
+
+input[type=text] {width: 90%;}
+
+.action-input {
+	margin: 0 auto;
+	padding-top: 6px;
+	max-width: 640px;
+	width: 94%;
+	height: 80%;
+}
+
+.action-input h1 {margin-top: 0;}
+
+#theHead {
+	right: 0;
+	top: 0;
+	left: 0;
+	background-color: #242629;
+	text-align: center;
+	position: relative;
+}
+
+.action-footer {
+	width: 100%;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	padding: 1rem;
+	background-color: #242629;
+	text-align: center;
+}
+
+#leSideBarContent {
+	margin-right: 10px;
+	width: 220px;
+}
+
+#leSideBar {
+	width: 232px;
+	margin: 10px;
+	background: #2f3236 !important;
+}
+
+#leSideBar::-webkit-scrollbar {
+	width: 8px;
+	background-color: #242629;
+	transition: all 250ms ease-in-out;
+	scroll-behavior: smooth;
+	scrollbar-width:0px;
+}
+
+#leSideBar::-webkit-scrollbar-track {
+	/*box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
+	border-radius: 10px;
+	background-color: #242629;
+}
+
+#leSideBar::-webkit-scrollbar-thumb {
+	border-radius: 10px;
+	/*box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
+	background-color: #555;
+}
+
+input::-webkit-calendar-picker-indicator {
+	opacity: 100;
+	background-color: transparent;
+	transform: scale(0.7, 0.7);
+}
+
+input::-webkit-calendar-picker-indicator:hover {background-color: transparent;}
+
+input#searchfilter {
+	border-radius: 4px;
+	padding: 12px !important;
+	height: 22px;
+	border:0 solid transparent;
+	background-color: rgba(0,0,0,0.2);
+}
+
+/* EXTRAS ~ EliteArtz */
+/* White Buttons */
+.ui.button {
+	color:white;
+	background: var(--main-grey);
+}
+.ui.button:hover {
+	color:white;
+	background: var(--main-grey-hover);
+}
+.ui.button:focus {
+	color:white;
+	background: var(--main-grey);
+}
+
+/* DROPDOWNS */
+.ui.selection.dropdown {border: none !important;}
+.ui.selection.active.dropdown {box-shadow: none;}
+.ui.selection.active.dropdown:hover {box-shadow: none;}
+.ui.selection.dropdown .menu {
+	border:none;
+	box-shadow: none !important;
+	border-radius: 0 0 6px 6px;
+}
+.ui.selection.dropdown .menu > .item {border-top:none;}
+.ui.selection.dropdown .menu > .item:hover {background:rgba(0, 0, 0, .5);}
+
+/*Action window blur*/
+.pusher {
+	filter: blur(0px);
+	transition: transform 500ms ease, filter 500ms ease !important;
+}
+.pusher.dimmed {filter:blur(10px);}