Skip to content

Instantly share code, notes, and snippets.

View shankara-subramani's full-sized avatar
🏠
Working from home

Shankar shankara-subramani

🏠
Working from home
View GitHub Profile
@shankara-subramani
shankara-subramani / password-regex.txt
Last active March 19, 2021 02:33
password regex with optional special characters
^(?=.*\d)(?=.*[a-z])[\w~@#$%^&*+=`|{}:;!.?\"()\[\]-]{6,8}$
html.dark-mode body {
color: var(--dark-mode-color, rgba(255, 255, 255, 0.7) );
background: #192633 !important;
}
/* Main container? */
html.dark-mode ._4sp8 {
background: #192633 !important;
}
### OSX ###
*.DS_Store
.AppleDouble
.LSOverride
### Project Specific - Optacredit ###
dist/
build/
node_modules/
config.codekit
@import "vendors/bootstrap";
@import "vendors/jquery-ui";
@import "utils/variables";
@import "utils/functions";
@import "utils/mixins";
@import "utils/placeholders";
@import "base/reset";
@import "base/typography";
<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/images/favicon/android-icon-192x192.png">
@shankara-subramani
shankara-subramani / adblock-unblock-font-awesome.css
Created October 17, 2016 04:42
For people who are annoyed with Fanboy's annoyances. Use this css file to unblock the adblock. Make sure you use the same class name.
.my-fa-facebook:before {
content: "\f09a";
}
.my-fa-facebook-square:before {
content: "\f082";
}
.my-fa-flickr:before {
content: "\f16e";
}
.my-fa-google-plus-square:before {
@shankara-subramani
shankara-subramani / JekyllNavigation.scss
Created September 4, 2016 12:44
Styles for Jekyll page.next and page.previous. See this gist for markup: https://gist.github.com/shankariyerr/f283a673708c8886566fb5af53643053
// Pagination
.pagination {
overflow: hidden; // clearfix
margin: 0 -1.5rem 1rem;
color: #ccc;
text-align: center;
}
// Pagination items can be `span`s or `a`s
@shankara-subramani
shankara-subramani / JekyllNavigation.html
Last active September 4, 2016 12:45
Jekyll page.next and page.previous. See this gist for style: https://gist.github.com/shankariyerr/5d1af3c4b24acb4d06d971c63dea988a
<div class="pagination">
<div id="post-nav">
{% if page.previous.url %}
<a class="pagination-item older" href="{{page.previous.url}}">&laquo; Previous</a>
{% endif %}
{% if page.next.url %}
<a class="pagination-item newer" href="{{page.next.url}}">Next &raquo;</a>
{% endif %}
</div>
</div>
@shankara-subramani
shankara-subramani / sass.sh
Last active May 6, 2017 19:50
SASS folder structure
mkdir vendors;cd vendors;touch _bootstrap.scss;touch _jquery-ui.scss;cd ../;mkdir utils;cd utils;touch _variables.scss;touch _functions.scss;touch _mixins.scss;touch _placeholders.scss;cd ../;mkdir base;cd base;touch _reset.scss;touch _typography.scss;cd ../;mkdir layout;cd layout;touch _navigation.scss;touch _grid.scss;touch _header.scss;touch _footer.scss;touch _sidebar.scss;touch _forms.scss;cd ../;mkdir components;cd components;touch _buttons.scss;touch _carousel.scss;touch _cover.scss;touch _dropdown.scss;cd ../;mkdir pages;cd pages;touch _home.scss;touch _contact.scss;cd ../;mkdir themes;cd themes;touch _theme.scss;touch _admin.scss;cd ../;touch style.scss;
@shankara-subramani
shankara-subramani / visible on scroll
Created July 14, 2016 11:19
Div visible only after scrolling to specific waypoint
var isVisible = false;
$('#id').click(function(){
$(window).scrollTop(0);
});
$(window).scroll(function(){
var shouldBeVisible = $(window).scrollTop()>500;
if (shouldBeVisible && !isVisible) {
isVisible = true;
$('#idr').show();
} else if (isVisible && !shouldBeVisible) {