Skip to content

Commit 69c93ae

Browse files
KostasSliazasKostasSliazas
authored
Add files via upload
1 parent db6c459 commit 69c93ae

File tree

1 file changed

+1
-95
lines changed

1 file changed

+1
-95
lines changed

‎index.html‎

Lines changed: 1 addition & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -1,95 +1 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>LINKS</title>
8-
<link rel="stylesheet" href="css/style.min.css">
9-
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
10-
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
11-
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
12-
<link rel="manifest" href="site.webmanifest">
13-
</head>
14-
15-
<body class="bg">
16-
<div id="founded"></div>
17-
<div class="toggle bg" title="admin mode">
18-
<label for="adm">admin
19-
<input class="hidden" type="checkbox" id="adm" name="check" checked>
20-
<small class="indicator"></small>
21-
</label>
22-
</div>
23-
<div id="search">
24-
<label for="site-search">search:</label>
25-
<input type="search" id="site-search" aria-label="Search through site content" placeholder="Search...">
26-
</div>
27-
<button id="copy-links">Export/Import links</button>
28-
<div id="export-div" style="display: none;" class="bg">
29-
<h1>Import/Export LocalStorage</h1>
30-
<button class="close" id="exit">×</button>
31-
<div class="export-import">
32-
<div>Import
33-
<label for="file-input">links</label>
34-
<input type="file" id="file-input">
35-
</div>
36-
<div>Export links
37-
<button id="export-json">JSON file</button>
38-
<label for="filter">with search filter</label>
39-
<input type="checkbox" name="filter" id="filter">
40-
</div>
41-
</div>
42-
</div>
43-
<button id="open">Add links +</button>
44-
<div id="links" style="display: none;" class="bg">
45-
<h1>Add links to LocalStorage</h1>
46-
<button class="close" id="exit1">×</button>
47-
<div class="inside">
48-
<div id="selection">
49-
<button id="select">Tags select</button>
50-
<div id="check-boxes">
51-
<label for="add-ons"><input type="checkbox" id="add-ons" value="Add-ons">Add-ons</label>
52-
<label for="android"><input type="checkbox" id="android" value="android">android</label>
53-
<label for="books"><input type="checkbox" id="books" value="books">books</label>
54-
<label for="buy"><input type="checkbox" id="buy" value="buy">buy</label>
55-
<label for="cart"><input type="checkbox" id="cart" value="cart">cart</label>
56-
<label for="css-tools"><input type="checkbox" id="css-tools" value="css-tools">CSS tools</label>
57-
<label for="database"><input type="checkbox" id="database" value="database">database</label>
58-
<label for="editing"><input type="checkbox" id="editing" value="editing">editing</label>
59-
<label for="graphics"><input type="checkbox" id="graphics" value="graphics">Graphics</label>
60-
<label for="games"><input type="checkbox" id="games" value="games">games</label>
61-
<label for="javascript"><input type="checkbox" id="javascript" value="javascript">javascript</label>
62-
<label for="learning"><input type="checkbox" id="learning" value="learning">learning</label>
63-
<label for="linux"><input type="checkbox" id="linux" value="Linux">Linux</label>
64-
<label for="optimizing"><input type="checkbox" id="optimizing" value="optimizing">optimizing</label>
65-
<label for="php"><input type="checkbox" id="php" value="php">php</label>
66-
<label for="plugin"><input type="checkbox" id="plugin" value="Plugin">Plugin</label>
67-
<label for="printing"><input type="checkbox" id="printing" value="printing">Printing</label>
68-
<label for="program"><input type="checkbox" id="program" value="program">Program</label>
69-
<label for="programing"><input type="checkbox" id="programing" value="programming">programming</label>
70-
<label for="text"><input type="checkbox" id="text" value="text">Text</label>
71-
<label for="typography"><input type="checkbox" id="typography" value="typography">typography</label>
72-
<label for="videos"><input type="checkbox" id="videos" value="videos">videos</label>
73-
<label for="web-browser"><input type="checkbox" id="web-browser" value="web-browser">web-browser</label>
74-
<label for="webtools"><input type="checkbox" id="webtools" value="devtools">WebTools</label>
75-
</div>
76-
<div id="choices"></div>
77-
</div>
78-
<div id="image" title="Small image">
79-
<input id="images" type="file">
80-
<label for="images">Image</label>
81-
</div>
82-
<label for="urls">URL
83-
<input id="urls" type="text" placeholder="URL" value="" required></label>
84-
<label for="additions">Text
85-
<input id="additions" type="text" placeholder="additional text" value=""></label>
86-
<button id="create-link">Add link (URL)</button>
87-
</div>
88-
</div>
89-
<main id="wrap" class="bg">
90-
<div id="output"></div>
91-
</main>
92-
<script src="js/links.min.js"></script>
93-
</body>
94-
95-
</html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Web</title><link href="https://fonts.googleapis.com/css?family=Nunito&display=swap" rel="stylesheet"><link rel="stylesheet" href="css/style.css"><link rel="icon" type="image/svg+xml" href="favicon.svg"><link rel="icon" type="image/png" href="favicon.png"></head><body><div class="contents"><div class="topbtn"><div class="toggle-btn" id="menu"></div></div><div class="wrapper" id="wrapper"><div class="header"><div id="sidebar"><ul><li><a href="#vscode">VS Code</a></li><li><a href="#websli">Web tools</a></li><li><a href="#mybook">Bookmarks</a></li><li><a href="#linux">Programs</a></li><li><a href="#fir">Firefox Extensions</a></li><li><a href="https://github.com/galoget/free-programming-books/blob/master/free-programming-books.md" target="_blank">Programing Books</a></li></ul></div><h1>welcome </h1></div><div class="left"><h1 id="vscode"><a href="https://code.visualstudio.com/download" target="_blank">Visual Studio Code</a></h1><p><a href="https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight" target="_blank">Color Highlight</a>— Highlight web colors in your editor</p><p><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2" target="_blank">Bracket Pair Colorizer 2</a>— A customizable extension for colorizing matching brackets</p><p><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag" target="_blank">Auto Rename Tag</a>— Auto rename paired HTML/XML tag</p><p><a href="https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css" target="_blank">HTML CSS Support</a>— CSS support for HTML documents</p><p><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass" target="_blank">Live Sass Compiler</a>— Compile Sass or Scss to CSS at realtime with live browser reload.</p><p><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_blank">Live Server</a>— Launch a development local Server with live reload feature for static & dynamic pages</p><p><a href="https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek" target="_blank">CSS Peek</a>— Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.</p><p><a href="https://devhints.io/emmet" target="_blank">https://devhints.io/emmet</a>— Emmet cheatsheet</p><p><a href="https://docs.emmet.io/cheat-sheet/" target="_blank">https://docs.emmet.io/cheat-sheet</a>— Emmet cheatsheet</p><h1 id="websli">Web tools Links</h1><div class="tabs"><input type="radio" name="bu" class="buttons" id="css" checked><input type="radio" name="bu" class="buttons" id="typography"><input type="radio" name="bu" class="buttons" id="design"><input type="radio" name="bu" class="buttons" id="uncategorized"><div class="wraplabels"><label for="css" id="lcss">css tools</label><label for="typography" id="ltypography">typography</label><label for="design" id="ldesign">design</label><label for="uncategorized" id="luncategorized">uncategorized</label></div><div class="wrap"><div class="tabscontents" id="typographycon"><p><a href="http://lamb.cc/typograph" target="_blank">http://lamb.cc/typograph</a>- CSS Typography generator</p><p><a href="http://topfunky.com/baseline-rhythm-calculator" target="_blank">http://topfunky.com/baseline-rhythm-calculator</a>- Baseline Rhythm Calculator </p><p><a href="https://drewish.com/tools/vertical-rhythm" target="_blank">https://drewish.com/tools/vertical-rhythm</a>- CSS with vertical rhythm</p><p><a href="https://www.gridlover.net/try" target="_blank">https://www.gridlover.net/try</a>- Gridlover-css vertical rhythm</p><p><a href="https://www.fontsquirrel.com" target="_blank">https://www.fontsquirrel.com</a></p><p><a href="https://fonts.google.com/" target="_blank">https://fonts.google.com</a></p><p><a href="http://fontello.com" target="_blank">http://fontello.com</a>- icon fonts generator</p></div><div class="tabscontents" id="designcon"><p><a href="https://paletton.com" target="_blank">https://paletton.com</a>- The Color Scheme Designer</p></div><div class="tabscontents" id="csscon"><p><a href="https://autoprefixer.github.io" target="_blank">https://autoprefixer.github.io</a>- Autoprefixer is a PostCSS plugin which parse your CSS and add vendor prefixes</p><p><a href="https://css.github.io/csso/csso.html" target="_blank">https://css.github.io/csso/csso.html</a>- CSS optimizer</p><p><a href="https://www.cleancss.com" target="_blank">https://www.cleancss.com</a>- Clean CSS is now available for more than just CSS. You can now beautify, minify, format</p><p><a href="http://css3generator.com" target="_blank">http://css3generator.com</a>- CSS3 Generator </p><p><a href="http://border-radius.com" target="_blank">http://border-radius.com</a>- CSS Border Radius Generator </p><p><a href="http://netpresent.net/css-inverter.php" target="_blank">http://netpresent.net/css-inverter.php</a>- CSS Color Inverter Invert all numbered colors in a CSS stylesheet </p><p><a href="https://www.cleancss.com/html-beautify" target="_blank">https://www.cleancss.com/html-beautify</a></p><p><a href="http://www.cssmatic.com/box-shadow" target="_blank">http://www.cssmatic.com/box-shadow</a></p><p><a href="http://www.cssdrive.com" target="_blank">http://www.cssdrive.com</a>- Menus, tools, examples </p><p><a href="http://shrthnd.volume7.io" target="_blank">http://shrthnd.volume7.io</a>- CSS Shorthand Generator </p><p><a href="https://jsoneditoronline.org/" target="_blank">https://jsoneditoronline.org/</a>- JSON editor online </p></div><div class="tabscontents" id="uncategorizedcon"><p><a href="http://regexr.com" target="_blank">http://regexr.com</a>RegExr is an online tool to learn, build, & testRegular Expressions (RegEx / RegExp). </p></div></div></div><h1 id="mybook">Bookmarks</h1><p><a href="https://pinetools.com" target="_blank">https://pinetools.com</a>Free online tools </p><p><a href="https://www.cleancss.com/" target="_blank">https://www.cleancss.com/</a>From Dan's Tools </p><p><a href="https://www.blenderguru.com/tutorials/" target="_blank">https://www.blenderguru.com/tutorials</a>Blender tutorials </p><p><a href="https://webcode.tools/html-generator" target="_blank">https://webcode.tools/html-generator</a>The Ultimate HTML Generator</p><div id="lin"><h1 id="linux"><a href="https://kubuntu.org/getkubuntu/" target="_blank">https://kubuntu.org/getkubuntu/</a></h1><h2>browsers</h2><p><a href="https://www.opera.com/download" target="_blank">https://www.opera.com/download</a></p><p><a href="https://vivaldi.com/download" target="_blank">https://vivaldi.com/download</a></p><p><a href="https://www.mozilla.org/en-US/firefox/new" target="_blank">https://www.mozilla.org/en-US/firefox/new/</a></p><p><a href="https://www.google.com/chrome" target="_blank">https://www.google.com/chrome/</a></p><h2>video</h2><p><a href="https://www.videolan.org/vlc/index.html" target="_blank">https://www.videolan.org/vlc/index.html</a></p><h2>Graphics</h2><p><a href="https://inkscape.org/release/inkscape-0.92.4/" target="_blank">https://inkscape.org/release/inkscape-0.92.4/</a></p><p><a href="https://www.gimp.org/downloads/" target="_blank">https://www.gimp.org/downloads/</a></p><p><a href="https://trimage.org/" target="_blank">https://trimage.org/</a></p><button class="butn">Open all</button></div><div id="fir"><h2 id="exstensions">Extensions</h2><p><a href="https://addons.mozilla.org/en-US/firefox/addon/wave-accessibility-tool/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/wave-accessibility-tool/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/web-developer/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/colorzilla/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/easyscreenshot/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/easyscreenshot/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/empty-cache-button/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/empty-cache-button/</a></p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/ghostery/" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/ghostery/</a></p><button class="butn">Open all</button></div></div><div class="right"><p><a href="https://rekomendacija.iv.lt/bur" target="_blank">Hostingas Serveriai.lt</a></p><p><a href="http://border-radius.com" target="_blank">www.border-radius.com</a></p><p><a href="http://jsfiddle.net/wQfMx/3/" target="_blank">www.jsfiddle.net</a></p><p><a href="http://www.cssdrive.com" target="_blank">www.cssdrive.com</a></p><p><a href="http://css3generator.com" target="_blank">www.css3generator.com</a></p><p><a href="http://drewish.com/tools/vertical-rhythm" target="_blank">www.drewish.com/tools/vertical-rhythm</a></p><p><a href="http://www.ipsum-generator.com" target="_blank">www.ipsum-generator.com</a></p><p><a href="http://jquery.com/" target="_blank">www.jquery.com</a></p><p><a href="http://colorschemedesigner.com" target="_blank">www.colorschemedesigner.com</a></p><p><a href="http://dabuttonfactory.com" target="_blank">www.dabuttonfactory.com</a></p><p><a href="http://www.cleancss.com/" target="_blank">www.cleancss.com</a></p><p><a href="http://www.cssportal.com/" target="_blank">www.cssportal.com</a></p><p><a href="http://www.techbomb.com/websafe/" target="_blank">www.techbomb.com/websafe</a></p><p><a target="_blank" rel="noopener" href="https://vectors-images.myportfolio.com/">vectors and images</a></p></div><div class="footer">2020 by Kostas Šliažas</div></div></div><script>(function (){ "use strict"; const WRAP=document.getElementById("wrapper"); const SIDE=document.getElementById("sidebar"); const MENU=document.getElementById("menu"); function toggleSidebar(e){ if (e.target.id==="menu"){ WRAP.classList.toggle("acti"); MENU.classList.toggle("act"); SIDE.classList.toggle('active');} else{ SIDE.classList.remove('active'); MENU.classList.remove("act"); WRAP.classList.remove("acti");}} document.addEventListener("click", toggleSidebar); function allLinks(e){ if (!e.target.classList.contains("butn")) return; const LINK=e.target.parentElement; const LINKS=LINK.getElementsByTagName("a"); [...LINKS].forEach((e)=>setTimeout(e.click(), 1000));} document.addEventListener("click", allLinks);})(); </script></body></html>

0 commit comments

Comments
 (0)