Skip to content

Instantly share code, notes, and snippets.

View CodeLeom's full-sized avatar
🎯
Building

Ayodele Aransiola CodeLeom

🎯
Building
View GitHub Profile
@CodeLeom
CodeLeom / GmailToSheet.js
Created March 1, 2024 20:03
This is a demo of a simple appScript to get an email message and push the data into a google sheet file
function logEmailsToSheet() {
// Specify the subject line to search for in Gmail
var query = 'subject:"Feedback Submission"';
// Access the active spreadsheet and the first sheet
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
// Search Gmail with the given query
var threads = GmailApp.search(query);
for (var i = 0; i < threads.length; i++) {
var messages = threads[i].getMessages();
@CodeLeom
CodeLeom / docker-compose.yml
Created February 16, 2024 11:19
This file is used to setup directus locally on your machine. Create a folder called `directus`, inside the folder, create three more folders called `database`, `uploads`, and `extensions` respectively. Then create a file called `docker-compose.yml` in the directus folder as well. Paste this code inside the `yml` file. Open your terminal and run,…
version: "3"
services:
directus:
image: directus/directus:10.9.2
ports:
- 8055:8055
volumes:
- ./database:/directus/database
- ./uploads:/directus/uploads
- ./extensions:/directus/extensions
@CodeLeom
CodeLeom / fibonacciSeq.js
Created December 19, 2023 12:45
Fibonacci Sequence Generator
//this is a function that generates a fibonacci sequence from any given number.
/*
A Fibonacci sequence works with adding the last number to the first number to generate the next number. the first numbers is always
0, 1 but sometimes, you might be asked to start from 1. Therefore, if you start from 0, 1, the next number will be 0 + 1 = 1
that gives you 0, 1, 1 as the sequence.
*/
function fibonacciSeq(n) {
var result = []; //an empty array for output
if (n === 1) {
@CodeLeom
CodeLeom / animation.html
Created November 27, 2023 12:52
introduction to animation in css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Animation</title>
<style>
body {
display: grid;
place-items: center;
@CodeLeom
CodeLeom / z-index.html
Created November 23, 2023 12:02
explaining z-index and stacking content in css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Z-Index & Stacking Content</title>
<style>
/* this is the normal flow without grid/flex */
/* .wrapper {
position: relative;
@CodeLeom
CodeLeom / pseudo-class.html
Last active November 22, 2023 12:34
pseudo class explanation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pseudo Classes</title>
<style>
a:hover {
background: black;
color: white;
@CodeLeom
CodeLeom / pseudo-element.html
Created November 21, 2023 11:39
Pseudo Element explanation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pseudo Elements</title>
<style>
::marker {
color: red;
}
@CodeLeom
CodeLeom / grid-start.html
Created November 15, 2023 13:06
Grid layout starter class
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid Layout</title>
<style>
/*
other sizing keywords
@CodeLeom
CodeLeom / flex-box.html
Created November 15, 2023 09:48
flexbox explanation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flexbox Layout</title>
<style>
body {
max-width: 50rem;
min-height: unset;
@CodeLeom
CodeLeom / grid.html
Created November 13, 2023 13:07
grid system explanation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid - Layout</title>
<style>
body {
background-color: aqua;
}