Skip to content

Instantly share code, notes, and snippets.

View thecodeinfluencer's full-sized avatar

Mark Aloo thecodeinfluencer

View GitHub Profile
@thecodeinfluencer
thecodeinfluencer / index.html
Created November 30, 2021 17:05
PL intro animation w/ GSAP TimelineMax
<!-- Animation credits: https://www.youtube.com/watch?v=8RxtQGoCu30 -->
<!-- DixonBaxi — http://dixonbaxi.com/ -->
<div class="pl">
<i class="pl__bg js-bg" style="background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABRAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzdBRDIwMzQ5MkMxMUU4OTREOUY0M0U0N0VENzlEQiIgeG1wTU06RG9j
@thecodeinfluencer
thecodeinfluencer / WeatherApp.js
Created June 8, 2020 06:58
React Native Expo Weather App UI
import * as React from "react";
import { View, Text, Dimensions, Image, StatusBar } from "react-native";
import { Ionicons } from "@expo/vector-icons";
const screens = [
{
text: "Its \nCold \nOutside",
iconName: "md-snow",
temp: "11",
bg: "#16e5ff"
@thecodeinfluencer
thecodeinfluencer / Portfolio.js
Last active December 28, 2020 06:49
React Native Expo Portfolio UI
import * as React from "react";
import { View, Text, StatusBar, Image, Dimensions } from "react-native";
import {
MaterialCommunityIcons,
AntDesign,
SimpleLineIcons
} from "@expo/vector-icons";
import { ScrollView, TouchableOpacity } from "react-native-gesture-handler";
const scr = {
@thecodeinfluencer
thecodeinfluencer / Covid19.js
Created June 8, 2020 06:52
React Native Expo Covid19 UI
import * as React from "react";
import { View, Text, StatusBar, Dimensions } from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";
import { FlatList } from "react-native-gesture-handler";
const screenWidth = Dimensions.get("window").width;
const colors = {
themeColor: "#ffc66a",
white: "#fff",
background: "#f4f6fc",
@thecodeinfluencer
thecodeinfluencer / TasksUI.js
Last active November 8, 2021 23:23
React Native Expo Tasks App UI
import * as React from "react";
import { View, Text, StatusBar } from "react-native";
import { MaterialCommunityIcons, AntDesign } from "@expo/vector-icons";
import { ScrollView } from "react-native-gesture-handler";
const colors = {
themeColor: "#4263ec",
white: "#fff",
background: "#f4f6fc",
greyish: "#a4a4a4",