Skip to content

Instantly share code, notes, and snippets.

View celeroncoder's full-sized avatar
:octocat:
Goofing around

Khushal Bhardwaj celeroncoder

:octocat:
Goofing around
58 followers · 65 following
View GitHub Profile
@celeroncoder
celeroncoder / script.js
Created January 16, 2024 14:34
GDSC VIT Bhopal WinterFest Gamification of Web - JS Code for Flappy Bird
var block = document.getElementById("block");
var hole = document.getElementById("hole");
var score = document.getElementById("score");
var start = document.getElementById("start");
var restart = document.getElementById("restart");
var modal = document.getElementById("modal");
var root = document.querySelector(":root");
var character = document.getElementById("character");
var jumping = 0;
var counter = 0;
@celeroncoder
celeroncoder / style.css
Created January 16, 2024 14:15
GDSC VIT Bhopal WinterFest Gamification of Web - CSS Code for Flappy Bird
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.gamestartbg {
--frame1: url("/images/fly-frame-1.png");
--frame2: url("/images/fly-frame-2.png");
}
body{
width: 100vw;
height: 100vh;
@celeroncoder
celeroncoder / index.html
Created January 16, 2024 13:57
GDSC VIT Bhopal WinterFest Gamification of Web - HTML Code for Flappy Bird
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="https://img.icons8.com/avantgarde/100/bird.png">
<title>Flappy Bird Game</title>
</head>
@celeroncoder
celeroncoder / GDSC-Team-Recruitment-Web-Domain-Task-Round-GuideLines.md
Created December 22, 2023 15:56
GDSC-Team-Recruitment-Web-Domain-Task-Round-GuideLines

Follow this guidelines for the TODO API:

Create the following routes:

  1. GET ALL Todos [GET /todo]
    • Response: 
      {
  "data": [
    {
@celeroncoder
celeroncoder / Microsoft.PowerShell_profile.ps1
Last active August 24, 2023 14:10
using namespace System.Management.Automation
using namespace System.Management.Automation.Language
if ($host.Name -eq 'ConsoleHost')
{
Import-Module PSReadLine
}
#Import-Module PSColors
#Import-Module posh-git
Import-Module -Name Terminal-Icons
@celeroncoder
celeroncoder / README.md
Created July 31, 2022 15:37
Exclude a page to inherit a wrapper or something else from custom app component aka `_app.ts`

Expempt a page to inherit something from the _app.ts

How to?

  • We make a conditional in the _app.ts to render something that we don't want to render only if the page says so.
  • To do the above we make use of the pageProps that are the props passed on the _app.ts before to the actual page component, we can pass something like noLayout and make a conditional to not show the layout if the props exists or is true.
@celeroncoder
celeroncoder / style.css
Created July 22, 2022 17:10
Hover Underline Animation
.hover-underline-animation {
display: inline-block;
position: relative;
}
.hover-underline-animation:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
@celeroncoder
celeroncoder / index.html
Created July 21, 2022 08:05
Loading State Skeleton Grid of Cards
<div class="flex min-h-screen items-center p-10 flex-wrap justify-start gap-10 bg-gray-900">
<div class="w-[300px] flex-none">
<div class="relative space-y-5 rounded-2xl bg-white/5 p-4 overflow-hidden shadow-xl shadow-black/5 before:absolute before:inset-0 before:border-t before:border-rose-100/10 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-rose-100/20 before:to-transparent">
<div class="h-64 rounded-lg bg-rose-100/10"></div>
<div class="space-y-3">
<div class="h-3 w-3/5 rounded-lg bg-rose-100/10"></div>
<div class="h-3 w-4/5 rounded-lg bg-rose-100/20"></div>
<div class="h-3 w-2/5 rounded-lg bg-rose-100/20"></div>
</div>
</div>
@celeroncoder
celeroncoder / favicon.svg
Created June 13, 2022 16:51
my favicon
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@celeroncoder
celeroncoder / App.tsx
Last active April 8, 2022 16:59
Mantine Setup App Component
import {
MantineProvider,
ColorScheme,
ColorSchemeProvider,
} from "@mantine/core";
import { useHotkeys, useLocalStorage, useColorScheme } from "@mantine/hooks";
import MainComponent from "./MainComponent";
function App() {
const preferredColorScheme = useColorScheme();