html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!-- Created by KrOW
https://code.sololearn.com/WaVusr8J1KvK/?ref=app
Date : 19 Jan 2020
Time : 20:00 PM
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Programmer Links</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Kodchasan|Arvo" rel="stylesheet">
<script>
/*
format of links: [title, description, url] and all are MANDATORY (though its empty)
*/
var Data= {}
Data.general= { title: "GENERAL" }
/* Discussions & Tutorials */
Data.general.groups_and_tuts= { title:"Discussions & Tutorials", desc:'List of sites where are forums, articles and tutorials about programming', links:[
["SoloLearn","I really have to describe it? Well, now you're using it","http://www.sololearn.com"],
["StackOverflow","You ask, they answer. Simple, but remember that it is very likely that an answer has already been given ... just look for it","https://stackoverflow.com/"],
["CodeProject","Another famous site full of articles and tutorials","https://www.codeproject.com/"],
["Jenkov.com","Tutorials here","http://tutorials.jenkov.com/"],
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* Created by KrOW */
/*
Resets
*/
* {
padding:0; margin:0;
box-sizing:border-box;
/*border:1px dotted rgba(240,0,0,0.3);*/
}
body{
background-image: linear-gradient(to right, #e43a15 0%, #e65245 51%, #e43a15 100%);
font-size:16px;
visibility:hidden;
}
/*
Header related
*/
#header{
display:table;
position:fixed;
z-index:2;
border-spacing:6px;
width:100%;
background-color:#669;
font-size:1.3em;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// Created by KrOW
/*
I know... Exists a famous library called JQuery (and some others)
but i'm learning and i dont want add
"weight" to page :)
*/
var DOM= {
_apply: function(el, f){
if(! (el instanceof NodeList)){
f(el)
}else{
var l= el.length
for(var i=0;i<l;i++){
f(el[i])
}
}
},
attr: function(el, name, value){ if(value) el[name]=value; return el[name]},
style: function(el, name, value){ if(value) el.style[name]=value; return el.style[name]},
find: function(selector,multi_res,from){
var trg= from || document
if(multi_res) return trg.querySelectorAll(selector)
else return trg.querySelector(selector)
},
edit_attrs: function(el,attrs){
DOM._apply(el, function(el){
for(var a in attrs){
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run