Skip to content

Instantly share code, notes, and snippets.

View neisdev's full-sized avatar

neisdev

View GitHub Profile
@neisdev
neisdev / index.html
Created January 12, 2022 11:09
MySql UML Diagram
<svg viewBox="127 86 859 539" width="732px" height="453px" xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="265" y1="144" x2="275" y2="144" style="stroke:#0b0;stroke-width:1;"/>
<line x1="421" y1="254" x2="431" y2="254" style="stroke:#0b0;stroke-width:1;"/>
<line x1="275" y1="144" x2="421" y2="254" style="stroke:#0b0;stroke-width:1;"/>
<line x1="272.5" y1="144" x2="268.96446609407" y2="147.53553390593" style="stroke:#0b0;stroke-width:2;"/>
<line x1="272.5" y1="144" x2="268.96446609407" y2="140.46446609407" style="stroke:#0b0;stroke-width:2;"/>
<line x1="426" y1="254" x2="422.46446609407" y2="257.53553390593" style="stroke:#0b0;stroke-width:2;"/>
<line x1="426" y1="254" x2="422.46446609407" y2="250.46446609407" style="stroke:#0b0;stroke-width:2;"/>
<line x1="431" y1="274" x2="421" y2="274" style="stroke:#0bf;stroke-width:1;"/>
<line x1="247" y1="429" x2="237" y2="429" style="stroke:#0bf;stroke-width:1;"/>
@neisdev
neisdev / index.html
Created January 12, 2022 11:10
SVG flowchart
<div class="wrapper">
<div class="svg-container">
<svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet" class="svg-content">
<defs>
<marker id="arrow" markerWidth="4" markerHeight="10" viewBox="-2 -4 4 4" refX="0" refY="0" markerUnits="strokeWidth" orient="auto">
<polyline points="2,-2 0,0 2,2" stroke="#443c3d" stroke-width="0.75px" fill="none"/>
</marker>
</defs>
@neisdev
neisdev / entity-diagram-example.markdown
Created January 12, 2022 11:48
Entity diagram example
@neisdev
neisdev / index.html
Created January 13, 2022 16:20
Node Editor UI
<svg id="svg">
</svg>
@neisdev
neisdev / index.html
Created January 13, 2022 16:23
Readonly Code Editor
<!-- the idea is to have a panel to the left, with the same
folder
file
folder
file
file
structure as a code editor
you open the folder, and click on the files to have their contents displayed on the right
the **details** element is primed for this feat
@neisdev
neisdev / css-art-linux-terminal.markdown
Created January 25, 2022 13:35
Css Art [Linux Terminal]

Css Art [Linux Terminal]

this is pure css art for linux teminal but effect by typeit .js :)

A Pen by Adnan on CodePen.

License.

@neisdev
neisdev / alpinejs_tutorial.markdown
Created January 28, 2022 07:32
Alpinejs_Tutorial
@neisdev
neisdev / form-dinamis-apinejs.markdown
Created January 28, 2022 07:44
Form Dinamis ApineJS
@neisdev
neisdev / index.html
Created February 4, 2022 12:52
Pure AlpineJS WYSIWYG Editor
<div class="min-w-screen min-h-screen bg-gray-200 flex items-center justify-center px-5 py-5">
<div class="w-full max-w-6xl mx-auto rounded-xl bg-white shadow-lg p-5 text-black" x-data="app()" x-init="init($refs.wysiwyg)">
<div class="border border-gray-200 overflow-hidden rounded-md">
<div class="w-full flex border-b border-gray-200 text-xl text-gray-600">
<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50" @click="format('bold')">
<i class="mdi mdi-format-bold"></i>
</button>
<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50" @click="format('italic')">
<i class="mdi mdi-format-italic"></i>
</button>
@neisdev
neisdev / index.html
Created February 11, 2022 08:40
MSH Platform Backend - Settings
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>|**BACKEND TITLE**|</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">
<style>
/*START GENERAL CSS FOR BACKEND*/
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.1.0/css/font-awesome.min.css";
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic);