Skip to content

Instantly share code, notes, and snippets.

View RealRichi3's full-sized avatar

Richie RealRichi3

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<style> #mainframe {margin: auto, max-width: 1200px} </style>
</head>
<body>
<!-- On this element, the ID selector class will be applied. -->
<div id="mainframe"> <!-- This is the main container of page. -->
<p>This paragraph is not assigned with id selector and hence no affect on it.</p>
@RealRichi3
RealRichi3 / index.html
Last active March 15, 2022 10:20
Login template
<!DOCTYPE html>
<html lang="eu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login page</title>
<link rel='stylesheet' href='login-style.css'>
</head>
@RealRichi3
RealRichi3 / index.html
Created April 4, 2022 22:41
HTML code for Movie streaming web page
<!DOCTYPE html>
<html lang="eu">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Akudama </title>
<link rel='stylesheet' href="page-styling.css">
<link rel="icon" type="image/x-icon" href="./img/icons/favicon.png">
@RealRichi3
RealRichi3 / page-styling.css
Created April 4, 2022 22:47
Page styling for Movie streaming webpage
* {
box-sizing: border-box;
font-family: sans-serif;
}
body, html{
height: 100vh;
background: #27292D;
}
/* Container with other elements within */
.movie {
position: relative;
}
.movie-preview-img {
height: 100%;
width: 100%;
position: relative;
border-radius: 15px;
@RealRichi3
RealRichi3 / timezone.js
Created April 30, 2022 14:18
JS code to check for time in all timezones
const ct = require('countries-and-timezones/');
let allTimeZones = ct.getAllTimezones();
let timeZoneNames = Object.entries(allTimeZones).sort();
const dropdown = document.getElementById('city-list');
// Create Option element with all the timeZones -- In dropdown menu
for (let i = 0; i < timeZoneNames.length; i++) {
window.city = document.createElement('option')
@RealRichi3
RealRichi3 / timezone.html
Last active April 30, 2022 14:26
html file for timezone project
<!DOCTYPE html>
<html lang="eu">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Time Zones</title>
<link rel='stylesheet' href="page-styling.css">
<!-- <script src="https://cdn.jsdelivr.net/gh/manuelmhtr/countries-and-timezones@latest/dist/index.min.js" type="text/javascript"></script> -->
@RealRichi3
RealRichi3 / timezones-styling.css
Last active April 30, 2022 14:25
CSS styling for timezones project
* {
box-sizing: border-box;
}
body{
height: 100vh;
background-color: #212529;
/* display: flex; */
font-size: 14px;
background: url(./img/background-gd8bdb1f77_1920.jpg);
@RealRichi3
RealRichi3 / mailer.js
Created October 12, 2022 19:29
Setup Gmail SMTP with Nodemailer
require('dotenv').config();
const nodemailer = require("nodemailer"),
config = process.env
const transporter = nodemailer.createTransport({
host: "smtp.gmail.com",
port: 465,
secure: true,
auth: {