Skip to content

Instantly share code, notes, and snippets.

View sandeshtandan's full-sized avatar

Sandesh Tandan sandeshtandan

View GitHub Profile
@sandeshtandan
sandeshtandan / Add CSS After CDATA
Created February 9, 2022 10:40
/* Label Post */
ul#label_with_thumbs li {
border: 1px solid #cccccc4a;
border-radius: 12px;
box-shadow: 1px 7px 20px 0px #97979714;
transition: all 0.2s cubic-bezier(1, 0.02, 0, 1);
}
li.clearfix strong a {
@sandeshtandan
sandeshtandan / Add JSON Code
Created February 9, 2022 10:38
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json) {
document.write('<ul id="label_with_thumbs">'); for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commenttext = entry.link[k].title; var commenturl = entry.link[k].href; }
if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }
} var thumburl; try { thumburl = entry.media$thumbnail.url; } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { thumburl = d; } else thumburl = 'http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_availab
@sandeshtandan
sandeshtandan / Responsive Header
Created January 31, 2022 11:10
<header>
<div class="header-flex">
<div class="header-item">
<div class="header-left">
<div class="header-logo">
<!-- Your Logo -->
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1434.35 230.45">
<path
d="M313.73,39.67h26.78V185H313.73V172.77q-11.84,15.15-33.64,15.15-21,0-35.82-15.88t-14.88-38.93q0-23.06,14.88-38.93t35.82-15.89q21.81,0,33.64,15.16ZM264.42,154.18q8.2,8.2,20.66,8.21t20.56-8.21q8.1-8.18,8.1-21.07T305.64,112q-8.1-8.2-20.56-8.2T264.42,112q-8.21,8.2-8.2,21.08t8.19,21.07Z"
@sandeshtandan
sandeshtandan / CSS
Created January 28, 2022 02:38
/* This is the fonts import from google fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
padding: 0;
margin: 0;
font-family: "Poppins", sans-serif;
/* Add Poppins Fonts */
}
@sandeshtandan
sandeshtandan / HTML
Created January 28, 2022 02:35
<!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.0">
<title>Responsive Footer</title>
<link rel="stylesheet" href="footer.css">
</head>
@sandeshtandan
sandeshtandan / gist:7d9c152c0619fd5d202bad79337ef5e5
Created January 18, 2022 12:16
const headerSidebar = document.querySelector(".header-sidebar");
const headerMenu = document.querySelector(".header-menu");
const headerClose = document.querySelector(".header-close");
headerMenu.addEventListener("click", () => {
headerSidebar.classList.toggle("nav-sidebar");
});
headerClose.addEventListener("click", () => {
headerSidebar.classList.toggle("nav-sidebar");
@sandeshtandan
sandeshtandan / gist:e38b55c35735d690767a5ed7b0463099
Last active January 18, 2022 12:45
/* This is the fonts import from google fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
padding: 0;
margin: 0;
font-family: 'Poppins', sans-serif;
/* Add Poppins Fonts */
}
@sandeshtandan
sandeshtandan / gist:dbc97835f9a6058384064db4d06d26d3
Last active January 18, 2022 12:30
<header>
<div class="header-flex">
<div class="header-item">
<div class="header-left">
<div class="header-logo">
<!-- Your Logo -->
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1434.35 230.45">
<path
d="M313.73,39.67h26.78V185H313.73V172.77q-11.84,15.15-33.64,15.15-21,0-35.82-15.88t-14.88-38.93q0-23.06,14.88-38.93t35.82-15.89q21.81,0,33.64,15.16ZM264.42,154.18q8.2,8.2,20.66,8.21t20.56-8.21q8.1-8.18,8.1-21.07T305.64,112q-8.1-8.2-20.56-8.2T264.42,112q-8.21,8.2-8.2,21.08t8.19,21.07Z"