Skip to content

Instantly share code, notes, and snippets.

View codepedia-top's full-sized avatar
🏠
Working from home

Mahdi codepedia-top

🏠
Working from home
View GitHub Profile
@codepedia-top
codepedia-top / index.html
Created October 1, 2023 17:48
wheather app
<!DOCTYPE html>
<!-- Coding By CodingNepal - youtube.com/codingnepal -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Weather App in JavaScript | CodingNepal</title>
<link rel="stylesheet" href="./style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Linking BoxIcon for Icon -->
<link href='https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css' rel='stylesheet'>
@codepedia-top
codepedia-top / index.html
Created September 21, 2023 19:10
checkOut
<div class="wrapper" id="app">
<div class="card-form">
<div class="card-list">
<div class="card-item" v-bind:class="{ '-active' : isCardFlipped }">
<div class="card-item__side -front">
<div class="card-item__focus" v-bind:class="{'-active' : focusElementStyle }" v-bind:style="focusElementStyle" ref="focusElement"></div>
<div class="card-item__cover">
<img
v-bind:src="'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/' + currentCardBackground + '.jpeg'" class="card-item__bg">
</div>
@codepedia-top
codepedia-top / app.py
Created September 21, 2023 14:47
onthisDay
import streamlit as st
import requests
from datetime import datetime
now = datetime.now()
month = now.month
day = now.day
@codepedia-top
codepedia-top / index.html
Created September 21, 2023 14:44
awsome menubar
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Magic Navigation Menu Indicator</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
@codepedia-top
codepedia-top / index.html
Created September 11, 2023 10:43
new slide Show
<div class="heading">Scroll to see more</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container-general">
<div class="gallery-wrap wrap-effect-1">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
@codepedia-top
codepedia-top / index.html
Created September 8, 2023 12:18
Awsome Download button
<button type="button" class="icon">
<div class="cloud">
<div class="puff puff-1"></div>
<div class="puff puff-2"></div>
<div class="puff puff-3"></div>
<div class="puff puff-4"></div>
<div class="puff puff-5"></div>
<div class="puff puff-6"></div>
<div class="puff puff-7"></div>
<div class="puff puff-8"></div>
@codepedia-top
codepedia-top / script.js
Created July 8, 2023 07:05
Theme Toggler with javascript and css simple code
const darkModeToggle = document.getElementById("darkModeToggle");
// Listen for a click event on the toggle button
darkModeToggle.addEventListener("click", function () {
// Toggle the dark mode class on the body element
document.body.classList.toggle("dark-mode");
// Store the user's preference in localStorage
if (document.body.classList.contains("dark-mode")) {
localStorage.setItem("darkMode", "enabled");
codes = {
'A': '.-',
'B': '-...',
'C': '-.-.',
'D': '-..',
'E': '.',
'F': '..-.',
'G': '--.',
'H': '....',
'I': '..',
import requests
from bs4 import BeautifulSoup
from datetime import date as mydate
from datetime import datetime as mydatetime
import os, pytz, datetime, re
import time as mytime
def swap_positions(list, pos1, pos2):
list[pos1], list[pos2] = list[pos2], list[pos1]
@codepedia-top
codepedia-top / TruthOrDare.py
Created April 3, 2023 08:34
truth or dare game with python
import json
from urllib.request import urlopen
import random
def print_logo(): printline("""Truth or Dare""")
def printline(msg): print(f"\n{msg}\n")
class Color: