nischalbasuti

Prerequisites: HTML and JavaScript Basics

HTML Basics

1. Create a Simple Web Page

• Problem: Design a basic web page with a title, heading, paragraph, and a link to Google.

2. Use Basic Form Elements

• Problem: Create a form with an input field (text type), a checkbox, and a submit button.

nischalbasuti

Vanilla JavaScript and HTML Challenges

1. Hello World

• Problem: Create an HTML button. When clicked, it should display an alert saying "Hello, World!" using JavaScript.

2. Add Two Numbers

• Problem: Create an HTML form with two input fields (for numbers) and a button. When the button is clicked, display the sum of the two numbers below the form using JavaScript.

3. Find the Largest Number

• Problem: Create an HTML form with three input fields for numbers. Add a button that, when clicked, shows the largest of the three numbers using JavaScript.

nischalbasuti

Set-PSReadlineOption -EditMode vi
Set-Alias vi nvim
Set-Alias l ls
function e{exit}
function gd{git diff $args}
function gst{git status}
function glg{git log --stat}

# Display git branch name in the prompt.
# From https://stackoverflow.com/questions/1287718/how-can-i-display-my-current-git-branch-name-in-my-powershell-prompt

nischalbasuti

background_opacity: 0.8

window:
  dimensions:
    columns: 100
    lines: 28
  decorations: full
  startup_mode: Windowed
  title: Alacritty

nischalbasuti

;==========================================================
;
;
;   ██████╗  ██████╗ ██╗  ██╗   ██╗██████╗  █████╗ ██████╗
;   ██╔══██╗██╔═══██╗██║  ╚██╗ ██╔╝██╔══██╗██╔══██╗██╔══██╗
;   ██████╔╝██║   ██║██║   ╚████╔╝ ██████╔╝███████║██████╔╝
;   ██╔═══╝ ██║   ██║██║    ╚██╔╝  ██╔══██╗██╔══██║██╔══██╗
;   ██║     ╚██████╔╝███████╗██║   ██████╔╝██║  ██║██║  ██║
;   ╚═╝      ╚═════╝ ╚══════╝╚═╝   ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝
;

nischalbasuti

# set modifier to windows key
set $mod Mod4

# Font for window titles. Will also be used by the bar unless a different font
# is used in the bar {} block below.
# font pango:monospace 8
# font pango:FiraCode Nerd Font 12
font pango:FiraCode Nerd Font 8 
# font pango:FiraCode Nerd Font 15 

nischalbasuti

UXTerm*renderFont: true
UXTerm*faceName: DejaVu Sans Mono
UXTerm*faceSize: 8.5
/* URxvt.font: xft:DejaVu Sans Mono:size=8.5 */
URxvt.font: xft:DejaVu Sans Mono:size=9.5
URxvt.scrollBar: false

! https://www.reddit.com/r/i3wm/comments/2yytvs/make_terminals_transparent/cpejotm/
URxvt.transparent: true
URxvt.shading: 20

nischalbasuti

#################################
#
# Backend
#
#################################

# Backend to use: "xrender" or "glx".
# GLX backend is typically much faster but depends on a sane driver.
backend = "glx";

nischalbasuti

[global_config]
  always_split_with_profile = True
  broadcast_default = off
  focus = system
  suppress_multiple_term_dialog = True
  title_transmit_bg_color = "#d30102"
[keybindings]
[layouts]
  [[default]]
    [[[child1]]]

nischalbasuti

set-window-option -g mode-keys vi

# set -g default-terminal "screen"

# enable mouse
set -g mouse on

# vi like navigation
bind h select-pane -L
bind j select-pane -D