Skip to content

Instantly share code, notes, and snippets.

@skpaul
skpaul / Doc.md
Last active October 28, 2025 15:11
.NET Entity Framework Core MySQL Class Library Setup Guide

.NET Entity Framework Core MySQL Class Library Setup Guide

A concise, professional guide for scaffolding and structuring a .NET class library using Entity Framework Core with MySQL.

Directory Structure Example

YourProjectRoot/
├── ConnectionString.txt
├── Data.csproj
@skpaul
skpaul / brand-colors.css
Created May 15, 2025 16:18
brand-colors.css
/* Colors for light theme (default) */
:root {
--color-primary: #ff4c60;
--color-secondary: #333333;
--color-accent: #3dbcee ;
--gist-filter: none; /* Default (light theme) */
}
/* Colors for dark (#4a4f54) theme */
:root[data-theme="dark"] {
@skpaul
skpaul / omnicss-board-template.html
Created May 9, 2025 11:11
omnicss-board-template.html
<div class="board success">
This is a success board.
</div>
<div class="board info">
This is a general info board.
</div>
@skpaul
skpaul / omnicss-dismissable-template.html
Last active May 12, 2025 17:49
omnicss-dismissable-template.html
<!-- Must have a unique id for each dismissable -->
<div class="dismissable info" id="notice-1" data-expiry="10000">
<div>
A general message to the users.
</div>
<div class="left">
<span class="dismiss">Don't show</span>
</div>
</div>
<div class="dismissable success" id="notice-2" data-expiry="10000">
@skpaul
skpaul / omnicss-action-menu-template.html
Created May 9, 2025 11:08
omnicss-action-menu-template.html
<div class="action-menu">
<input type="checkbox" id="menu1">
<label for="menu1">⋮</label>
<div>
<a href="#" class="close-menu">Edit</a>
<a href="#">Edit</a>
</div>
</div>
@skpaul
skpaul / omnicss-gridable-template.html
Created May 9, 2025 11:05
omnicss-gridable-template.html
<div class="gridable md">
<div class="grid-header">
<div class="header-item">Col-1</div>
<div class="header-item">Col-2</div>
<div class="header-item">Col-3</div>
<div class="header-item">Col-4</div>
<div class="header-item">Col-4</div>
</div>
<div class="grid-row">
@skpaul
skpaul / omnicss-header-template.html
Last active May 9, 2025 11:03
omnicss-header-template.html
<header>
<div id="hamburgerIcon">
<img src="hamburger.svg" alt="Hamburger Icon">
</div>
<div class="brand">
<a href="/" title="Your title">
<img src="logo.png" alt="Logo">
</a>
</div>
@skpaul
skpaul / omnicss-page-template.html
Last active May 10, 2025 11:21
omnicss-page-template.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Essential Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Omni.css Page Template</title>
<script>
// Immediately set theme before DOM renders
@skpaul
skpaul / Responsive web design without media query.html
Created April 28, 2025 03:44
Responsive web design without media query
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fluid Layout</title>
<style>
/* Base font size scaling */
html {
font-size: clamp(12px, 1vw + 1rem, 18px); /* Scales between 12px and 18px */
@skpaul
skpaul / HTML Meta Tags Boilerplate.html
Created April 13, 2025 16:24
HTML Meta Tags Boilerplate
<head>
<!-- Google Analytics: place as early as possible -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>