Skip to content

Instantly share code, notes, and snippets.

View adrianhajdin's full-sized avatar

Adrian Hajdin - JS Mastery adrianhajdin

24k followers · 0 following
View GitHub Profile
@adrianhajdin
adrianhajdin / index.js
Created January 26, 2019 21:09
HTML Template
module.exports = ({ name, price1, price2, receiptId }) => {
const today = new Date();
return `
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PDF Result Template</title>
<style>
.invoice-box {
@adrianhajdin
adrianhajdin / css
Created May 10, 2020 10:50
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700,600');
#root {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
@adrianhajdin
adrianhajdin / gist:fd4a0db480ee827f11756bdae0597f0d
Last active November 24, 2023 02:57
Materials:
App.css
html, body, #root {
font: 0.9rem sans-serif;
background: #0a1f44;
color: #1e2432;
height: 100%;
margin: 0;
}
.main-container {
@adrianhajdin
adrianhajdin / materials.js
Created August 4, 2020 09:52
Alan AI News Project Materials
// 1. NewsCard/styles.js:
import { makeStyles } from '@material-ui/core/styles';
export default makeStyles({
media: {
height: 250,
},
border: {
border: 'solid',
},
@adrianhajdin
adrianhajdin / alanStudio.js
Created August 4, 2020 09:56
Alan Studio Code Materials
intent('What does this app do?', 'What can I do here?',
reply('This is a news project.'));
const API_KEY = '7bdfb1b10aca41c6becea47611b7c35a';
let savedArticles = [];
// News by Source
intent('Give me the news from $(source* (.*))', (p) => {
let NEWS_API_URL = `https://newsapi.org/v2/top-headlines?apiKey=${API_KEY}`;
@adrianhajdin
adrianhajdin / starter.js
Created August 10, 2020 11:16
const axios = require('axios');
// https://fixer.io/
const FIXER_API_KEY = '';
const FIXER_API = `http://data.fixer.io/api/latest?access_key=${FIXER_API_KEY}`;
// https://restcountries.eu
const REST_COUNTRIES_API = `https://restcountries.eu/rest/v2/currency`;
@adrianhajdin
adrianhajdin / App.css
Created September 24, 2020 14:21
Gists for the GIF App
body {
background-color: #ee5522;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FB3'/%3E%3Cstop offset='1' stop-color='%23ee5522'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f7882b'/%3E%3Cstop offset='1' stop-color='%23ee5522'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 13
@adrianhajdin
adrianhajdin / app styles
Last active April 1, 2024 11:30
Memories Initial Styles
import { makeStyles } from '@material-ui/core/styles';
export default makeStyles(() => ({
appBar: {
borderRadius: 15,
margin: '30px 0',
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
@adrianhajdin
adrianhajdin / cartItemStyles.js
Created November 28, 2020 16:30
Styles for an E-Commerce Web Tutorial
import { makeStyles } from '@material-ui/core/styles';
export default makeStyles(() => ({
media: {
height: 260,
},
cardContent: {
display: 'flex',
justifyContent: 'space-between',
},
@adrianhajdin
adrianhajdin / appStyles.js
Created December 20, 2020 15:07
Styles for an Expense Tracker Web Tutorial
import { makeStyles } from '@material-ui/core/styles';
export default makeStyles((theme) => ({
desktop: {
[theme.breakpoints.up('sm')]: {
display: 'none',
},
},
mobile: {
[theme.breakpoints.down('sm')]: {