Skip to content

Instantly share code, notes, and snippets.

View fathyar's full-sized avatar

Fathy AR fathyar

30 followers · 175 following
  • Earth
View GitHub Profile
@fathyar
fathyar / AND_OR_NOT
Created October 18, 2016 14:23 — forked from oliverdoetsch/AND_OR_NOT
Blogger: Globally conditional data tags for all page types
#AND
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchQuery'>
<!--search_page AND index_page-->
</b:if>
</b:if>
#OR
@fathyar
fathyar / proxima-nova.css
Last active August 6, 2020 12:17
Base64 Proxima Nova Font in CSS File
@font-face {
font-family: "Proxima Nova";
src: url(data:font/opentype;base64,d09GRgABAAAAAEywABIAAAAAg3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEWU5BAAAGbAAAALgAAAGJNI0oHkZGVE0AAAGUAAAAHAAAABxdnq2WR0RFRgAAByQAAAA4AAAAQgSqBTxHUE9TAAAHXAAABCIAABH0zI0AF09TLzIAAAXUAAAAVwAAAGCAz3p9Y21hcAAASvgAAAG2AAAC5lCJVL9jdnQgAAABsAAAAB4AAAAeCkcLCmZwZ20AAAHQAAABsgAAAmUjtC+nZ2FzcAAAA4QAAAAIAAAACAAAABBnbHlmAAALgAAAO4sAAF8I3FzIU2hlYWQAAAOMAAAANQAAADb9TDtqaGhlYQAABiwAAAAgAAAAJA9PBsBobXR4AABHDAAAAh8AAANsqw8hfGxvY2EAAEksAAABuAAAAbhtqYQ8bWF4cAAABkwAAAAgAAAAIAIDAhpuYW1lAAADxAAAAawAAANRLIw+gnBvc3QAAErkAAAAEwAAACD/DQAocHJlcAAABXAAAABjAAAAdNUcAaMAAAABAAAAAMmJbzEAAAAAyRrF1wAAAADK+niN/pAAAAPGBTYBYADCANABNgE+AWgBmQDkAZIBkAFYAAB42l1Ru05bQRDdDQ+TBBJjg+RoU8xmQhrvhYYCJBBXF8XIdmM5QtqNXORiXMAHUCBRg/ZrBmgoKdKmQcgFUj6BT0BiZk2iKM3Ozuycc+bMknKk6l1a73nqnARSuNOg2abfDql2FuCedH21kZF28EDzzYxeuW7ff8VgM5pyRw2gvOct5SGjaSdQi/bU/za/guE+/2Qeg0FLM01PrZOQHkJgvhm3MPie0ay7/KQvWB0uBgNDimkq7vJzKuV/S3Outgibaxm9dnAmIj+ZBmhqpY1A0186pHo+jmIJctkw1gYTU9afZCL4ZjJd1VQtM751cJfszDt
@fathyar
fathyar / junglexplorer_stylesheet.css
Last active December 21, 2016 18:44
Stylesheet for JunglExplorer Blog
html, body, h1, h2, h3, h4, h5, h6{
font-family: 'Roboto', sans-serif;
}
iframe .blogger-iframe-colorize.blogger-comment-from-post html body #allHolder {
background-color: transparent !important;
border: none !important;
}
iframe .blogger-iframe-colorize.blogger-comment-from-post html body #commentsHolder {
padding: 0 !important;
}
@fathyar
fathyar / junglexplorer_related_post.min.js
Created December 22, 2016 17:51
Related Post Widget for JunglExplorer.blogspot.com
/*! Related Post Widget for Blogger by @tovic forked by @orangtanah */
!function(a,b,c){var d=(new Date).getTime(),e={widgetTitle:"<h4>Post terkait:</h4>",widgetStyle:1,homePage:"https://junglexplorer.blogspot.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:!1,moreText:"Baca Selengkapnya",callBack:function(){}};if("object"==typeof relatedPostConfig)for(var f in relatedPostConfig)e[f]=relatedPostConfig[f];e.homePage=e.homePage.replace(/\/?\?m=\d+(\&|$)|\/+$/,"");var g=function(a){var d=b.createElement("script");d.src=a,c.appendChild(d)},h=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},i=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},j="object"==typeof labelArray&&labelArray.length?"/-/"+i(labelArray)[0]:"",k=function(a)
@fathyar
fathyar / schema-org-structured-data-markup-using-microdata.html
Created December 23, 2016 16:59 — forked from milanaryal/schema-org-structured-data-markup-using-microdata.html
An example of how to mark up a HTML5 webpage using the schema.org schemas and microdata.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Site Title</title>
<link rel="stylesheet" href="/assets/css/style.min.css">
@fathyar
fathyar / gothamrounded.css
Created March 17, 2017 15:22
Base 64 Gotham Rounded Web Font
@font-face{font-family:"Gotham Rounded";src:url(data:application/x-font-woff;base64,d09GRk9UVE8AAEZTAA0AAAAAc2wAAQAAAABELAAAAicAAAaAAAAAAAAAAABDRkYgAAAI2AAAL7AAAD52S18d6UdERUYAADiIAAAAHgAAACAA+wAER1BPUwAAOKgAAAkaAAAgTN+RyvtHU1VCAABBxAAAAFoAAACA6jAts09TLzIAAAGMAAAATwAAAGBV3iT6Y21hcAAABmQAAAJfAAADXNxoa2RnYXNwAABCIAAAAAgAAAAIAAAAC2hlYWQAAAEwAAAANAAAADYDPdDzaGhlYQAAAWQAAAAgAAAAJAfUBChobXR4AABCKAAAAgMAAAM42zQ05m1heHAAAAGEAAAABgAAAAYAzlAAbmFtZQAAAdwAAASGAAALqRC7YCNwb3N0AAAIxAAAABMAAAAg/7gAMnjaY2BkYGBgZHDU3G4ZG89v85WBm/kFUIThAtuxZhj9/95/CxZj5n4gl4OBCSQKAFVNDHR42mNgZGBgPvBfgIGBJfv/vf/3WIwZgCIo4BwAm2YHAwAAUAAAzgAAeNpjYGL8wujKwMrAwrSHqYuBgaEHQjPeZTBi+MWABBYwMNQHMDB4wfgeas75QErpgRCzwn8LhhPMBxg+APncIDkmVqY9DApAyAQA+/8PRQB42rVUTW/bRhAdWXJsJ7GRGCgKBEWxQFM3KSRZFPwRBz0UMOo4xzpGgJyKFbkS6YhcYrm0QjSHAr30D/TQU/9Ff0D/Qf9OT307XMVUnAguipqg93F2Zt97swMR0cPWH9Si+u9bvDVu0Rf4qvEKrVHocZs+pwuPO42cVdqkXzy+hZ1fPV4jSb95vI6cvz3eaODbK1utNY/v0Hb7E4/vNvBmI2eLvm5/5fG9hob7DbzNuE2tzga+fmp/73GLTtp/ebxCW51PPW7TN50vPe40clbpQUd6fIvWOz96vEZ/dn72eJ0erH7n
@fathyar
fathyar / autosize.min.js
Created March 31, 2017 17:03
Autosize Textarea using Javascript
/*! Autosize 3.0.20 license: MIT http://www.jacklmoore.com/autosize */!function(e,t){if("function"==typeof define&&define.amd)define(["exports","module"],t);else if("undefined"!=typeof exports&&"undefined"!=typeof module)t(exports,module);else{var n={exports:{}};t(n.exports,n),e.autosize=n.exports}}(this,function(e,t){"use strict";function n(e){function t(){var t=window.getComputedStyle(e,null);"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),s="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(s)&&(s=0),l()}function n(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function o(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function r(){var t=e.style.height,n=o(e),r=document.documentElement&&documen
@fathyar
fathyar / bootstrap_autohiding_navbar.js
Created June 9, 2017 11:25
Just look at the navbar and play with the scrollbar of the page ;) You only have to include the source javascript file and then initialize it with the following code: <script>$("div.navbar-fixed-top").autoHidingNavbar();</script>
/*
* Bootstrap Auto-Hiding Navbar - v1.0.5
* An extension for Bootstrap's fixed navbar which hides the navbar while the page is scrolling downwards and shows it the other way. The plugin is able to show/hide the navbar programmatically as well.
* http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/
*
* Made by István Ujj-Mészáros
* Under Apache License v2.0 License
*/
!function(a,b,c,d){function e(b,c){this.element=a(b),this.settings=a.extend({},w,c),this._defaults=w,this._name=m,this.init()}function f(b){v&&(b.element.addClass("navbar-hidden").animate({top:-1*parseInt(b.element.css("height"),10)+b.settings.navbarOffset},{queue:!1,duration:b.settings.animationDuration}),a(".dropdown.open .dropdown-toggle",b.element).dropdown("toggle"),v=!1,b.element.trigger("hide.autoHidingNavbar"))}function g(a){v||(a.element.removeClass("navbar-hidden").animate({top:0},{queue:!1,duration:a.settings.animationDuration}),v=!0,a.element.trigger("show.autoHidingNavbar"))}function h(a){var b=n.scrollTop(),c=b-t;i
@fathyar
fathyar / chromeroundedscrollbar.css
Last active July 25, 2021 16:42
Custom WebKit rounded scrollbar | Overrides Chromium based browsers' default scrollbars
::-webkit-scrollbar {
width: 16px !important;
height: 16px !important;
}
::-webkit-scrollbar-thumb {
opacity: 0.15 !important;
background: #808080aa !important;
background-clip: content-box !important;
border: 3.6px solid transparent !important;
@fathyar
fathyar / SuperBookmarkDesktop.css
Last active March 29, 2020 05:11
My custom CSS of SuperBookmarkDesktop the Chrome extension
:root {
--checkbox-unchecked-dark : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAABuvAAAbrwFeGpEcAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAALFQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgICAgIKioqNzc3NjY2Ojo6PT09Pz8/QUFBQ0NDQUFBRERER0dHSkpKSkpKS0tLS0tLSkpKXV1dWlpaXFxcXFxcXV1dXFxcXV1dZ2dnaGhoaGhoZ2dnX19fX19fVVVVVlZWV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19fYGBgYWFhYmJiY2NjZGRkZWVlZmZmZ2dnaGhoaWlpA99w+gAAACZ0Uk5TAAEOFhkdHiAhMTw9PkNFR1BTU1NWYWJjZI+RlZbc3d36+vv8/f7h8etwAAAAoElEQVQoz9WTywrCQBAEu2dGE8GI+v//J0jwcQnZbHbHgzezm4sHsa5FMTDQBCkklrhnd1IU0KX3BKRsVJzaU6G+jQ91VZ4PnWf/BDtBgBHNdvRCzTY8KdRuBgsgHpUCnVEhCgwG1vwmGli1IAz1GPha//L2qhas8s9vmes6QiXrnmWudzfPYy2f3BUyTENXkJe+R3qPqGkWNgQgZa5P8AWR4EZhVXeThQAAAABJRU5ErkJggg==");
--checkbox-unchecked-insensitive-dark : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAABuvAAAbrwFeGpEcAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAIRQTFRFAAAAAAAAAAAA