replaced font awesome icons with custom images

Linch1 · Oct 10, 2020 · 539cd64 · 539cd64
1 parent 768ffad
commit 539cd64
Show file tree

Hide file tree

Showing 24 changed files with 63 additions and 33 deletions.
diff --git a/public/css/alert.css b/public/css/alert.css
@@ -94,6 +94,12 @@
 	font-size: 15px;
 	color: black;
 	cursor: pointer;
+	width: 15px;
+	height: 15px;
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	background-image: url("../img/cross.png");
 }
 
 .alert .form{
@@ -103,6 +109,17 @@
 	justify-content: space-around;
 }
 
+.alert .form #warning_input_send{
+	cursor: pointer;
+	margin-left: 1rem;
+	width: 60px;
+	height: 35px;
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	background-image: url("../img/send.png");
+}
+
 .alert .form input[type="number"]{
 	background-color: white;
 }

diff --git a/public/css/header.css b/public/css/header.css
@@ -143,10 +143,17 @@ img {
 	z-index: 99;
 	font-size: 30px;
 	color: blue;
+	width: 25px;
+	height: 25px;
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
 }
 .slick-prev{
 	left: 20px;
+	background-image: url("../img/arrow-left.png");
 }
 .slick-next{
 	right: 20px;
+	background-image: url("../img/arrow-right.png");
 }
diff --git a/public/css/menu.css b/public/css/menu.css
@@ -9,7 +9,15 @@
 
 .title-bar .left-off-canvas-toggle{
 	font-size: 25px;
-	padding-left: 1rem;
+	margin-left: 1rem;
+
+	width: 20px;
+	height: 20px;
+	display: block;
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+	background-image: url("../img/menu.png");
 }
 .title-bar .dragger{
 	width: 100vw;

diff --git a/public/img/arrow-left.png b/public/img/arrow-left.png
diff --git a/public/img/arrow-right.png b/public/img/arrow-right.png
diff --git a/public/img/cross.png b/public/img/cross.png
diff --git a/public/img/menu.png b/public/img/menu.png
diff --git a/public/img/send.png b/public/img/send.png
diff --git a/public/js/alert.js b/public/js/alert.js
@@ -4,9 +4,7 @@ window.addEventListener('load', start);
 function build_popup(settings){
 	let popup = $(`
 		<div class="alert">
-			<div class="remove">
-				<i class="fas fa-times"></i>
-			</div>
+			<div class="remove"></div>
 		
 			<div class="body">
 				<div class="profile">${settings.profile}</div>
@@ -27,7 +25,7 @@ function build_popup(settings){
 		let input = $(`
 			<div class="form">
 				<input type="number" id="warning_input" >
-				<i id="warning_input_send" class="fas fa-share"></i>
+				<div id="warning_input_send"></div>
 			</div>
 		`);
 		body.append(input);
@@ -118,8 +116,8 @@ function start(){
 	// 					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 	// 					consequat. $/link/https://google.com$/link/`);
 
-	//  show_popup_input('wiinsta', 'test title', '../../public/img/avatars/8.png', `Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-	//  					tempor incididunt ut labore et dolore magna aliqua. $/link/https://google.com$/link/`);
+	  show_popup_input('wiinsta', 'test title', '../../public/img/avatars/8.png', `Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+	  					tempor incididunt ut labore et dolore magna aliqua. $/link/https://google.com$/link/`);
 
 	// show_popup('wiinsta', 'test title', '../../public/img/avatars/8.png', `Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 	// 					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -140,7 +138,7 @@ function start(){
 
 		let target = $(e.target);
 		// Close the alert from the right-upper cross
-		if (target.parent().is(".alert .remove")){
+		if (target.is(".alert .remove")){
 			let parent = $(e.target).closest('.alert');
 			close_popup(parent);
 		} 

diff --git a/public/js/custom-functions.js b/public/js/custom-functions.js
@@ -1125,7 +1125,7 @@ function draw_stats(){
 	    }
 	}
 
-	console.log(datas)
+	//console.log(datas)
 	// populate the 'days' array and the 'datas' object with the 'global_stats' informations
 	for ([day, stats] of Object.entries(global_stats)){
 		days.push(day);
@@ -1135,10 +1135,10 @@ function draw_stats(){
 			if(NO_RENDER_GRAPHS.includes(stat)) continue;
 			if(!datas[stat]) datas[stat] = [];
 			datas[stat].push(value);
-			console.log(stat, datas[stat])
+			// console.log(stat, datas[stat])
 		}
 	}
-	console.log(datas)
+	// console.log(datas)
 
 	// if there are more than 4 days it removes the default values
 	if(keys.length >= 4){
@@ -1248,7 +1248,7 @@ function clear_logs(){
 
 function random_avatar(){
 	let avatars = get_files_and_folders(app.getAppPath() + '/' + AVATARS_FOLDER); // get_files() return errors. without app.getAppPath() it gives also errors.
-	let randomAvatar = String(randomRange(1, avatars.length)) + '.png';
+	let randomAvatar = String(randomRange(1, 9)) + '.png';
 	return randomAvatar;
 }
 

diff --git a/public/js/run.js b/public/js/run.js
@@ -143,7 +143,7 @@ var SETTINGS;
     Load selectors from external url
     */
     SETTINGS = JSON.parse(SETTINGS);
-    console.log("SETTINGS: ", SETTINGS)
+
     INSTAGRAM_LOGIN = SETTINGS["selectors"]["INSTAGRAM_LOGIN"];
     INSTAGRAM_BASE = SETTINGS["selectors"]["INSTAGRAM_BASE"];
 

diff --git a/views/index/dashboard.ejs b/views/index/dashboard.ejs
@@ -30,8 +30,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/images.ejs b/views/index/images.ejs
@@ -34,8 +34,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/logs.ejs b/views/index/logs.ejs
@@ -29,8 +29,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/posts.ejs b/views/index/posts.ejs
@@ -40,8 +40,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/profiles.ejs b/views/index/profiles.ejs
@@ -46,8 +46,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/stats.ejs b/views/index/stats.ejs
@@ -30,8 +30,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/index/stories.ejs b/views/index/stories.ejs
@@ -31,8 +31,8 @@
               pauseOnHover: false,
               swipe: true,
               arrows: true,
-              prevArrow: '<a class="slick-prev"><i class="fas fa-chevron-left"></i></a>',
-              nextArrow: '<a class="slick-next"><i class="fas fa-chevron-right"></i></a>',
+              prevArrow: '<a class="slick-prev"></a>',
+              nextArrow: '<a class="slick-next"></a>',
               fade: true,
             });
           });

diff --git a/views/partials/header.ejs b/views/partials/header.ejs
@@ -30,7 +30,7 @@
     	<!-- Insert this line above script imports  -->
 		<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
 
-		<script src="https://kit.fontawesome.com/c03d8172f3.js"></script>		
+
 
 		<script src='../../public/js/files.js'></script>
 		<script src='../../public/js/alert.js'></script>

diff --git a/views/partials/images_actions.ejs b/views/partials/images_actions.ejs
@@ -59,7 +59,7 @@
 </div>
 <script type="text/javascript">
 $( document ).ready(function() {
-  console.log(jQuery())
+  
     jQuery('#images-menu').circle_menu({
         angle_initial: -90,
         angle_increment: -25.7,

diff --git a/views/partials/posts_actions.ejs b/views/partials/posts_actions.ejs
@@ -47,7 +47,7 @@
 </div>
 <script type="text/javascript">
 $( document ).ready(function() {
-  console.log(jQuery())
+  
     jQuery('#posts-menu').circle_menu({
         angle_initial: -90,
         angle_increment: -36,

diff --git a/views/partials/profiles_actions.ejs b/views/partials/profiles_actions.ejs
@@ -65,7 +65,7 @@
 </div>
 <script type="text/javascript">
 $( document ).ready(function() {
-  console.log(jQuery())
+  
     jQuery('#profiles-menu').circle_menu({
         angle_initial: -90,
         angle_increment: -22.5,

diff --git a/views/partials/stories_actions.ejs b/views/partials/stories_actions.ejs
@@ -47,7 +47,7 @@
 </div>
 <script type="text/javascript">
 $( document ).ready(function() {
-  console.log(jQuery())
+  
     jQuery('#stories-menu').circle_menu({
         angle_initial: -90,
         angle_increment: -36,

diff --git a/views/partials/top_bar.ejs b/views/partials/top_bar.ejs
@@ -3,7 +3,7 @@
 <div class="title-bar">
 
 	<div class="title-bar-left">
-		<a class="left-off-canvas-toggle" href="#" ><i class="fas fa-ellipsis-h"></i></a>
+		<a class="left-off-canvas-toggle" href="#" ></a>
 
 	</div>
 	<div class="dragger"></div>