Skip to content

Instantly share code, notes, and snippets.

View adityarao310's full-sized avatar

Aditya Rao adityarao310

  • Bengaluru
View GitHub Profile
@adityarao310
adityarao310 / index.html
Created June 17, 2021 21:16
Webflow popup modal after few seconds on page
<!-- put this at the webflow section called "inside <head> tag on your page settings -->
<!-- popup_div is the id of the popup on your page -->
<!-- ensure that the popup is hidden by default -->
<head>
<style>
#popup_div[style*='display: block'] {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
# https://stackoverflow.com/a/59061253/1454325
export PATH="/Applications/Postgres.app/Contents/Versions/latest/bin:$PATH"
# to load virtual environment into the shell
source /usr/local/bin/virtualenvwrapper.sh
# If you come from bash you might have to change your $PATH.
# export PATH=$HOME/bin:/usr/local/bin:$PATH
# Path to your oh-my-zsh installation.
@adityarao310
adityarao310 / scrolling.css
Last active January 10, 2020 04:28
Horizontal scrolling without using JS - pure CSS only
.list_of_cards {
/* This is the important part */
flex-wrap: nowrap; /* to make sure in mobile view, cards appear in row */
overflow-x: auto; /* to add scrollbar or not */
align-items: center;
-webkit-overflow-scrolling: touch; /* magic for safari */
-ms-overflow-style: -ms-autohiding-scrollbar;
}
/* Add your own styling to your cards here */
@adityarao310
adityarao310 / chart.html
Last active August 21, 2018 15:35
Integrate Django app data with Google Charts API
<!-- At the bottom of your page as usual, insert chart.js so that when html loads the chart is loaded -->
<body>
<!-- django template block to insert the block if you are using base template -->
{% block chart %}
{% endblock %}
<!-- Scripts required to run the page -->
<script type="text/javascript" src="{% static '/habit_app/js/chart.js' %}"></script>
</body>