diff --git a/CNAME b/CNAME index 1e539c4..3114105 100644 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -dopelists.com \ No newline at end of file +links.vodnik.io \ No newline at end of file diff --git a/afterformat/index.html b/afterformat/index.html index fd710f0..89d3231 100644 --- a/afterformat/index.html +++ b/afterformat/index.html @@ -5,12 +5,38 @@ `-._ - - - | `——————--> - + + - DopeLists - After Format: What to Install? + + + + After Format | links.Vodnik.io - Curated Resources Repositories + + + + + + + + + + + + + + + + + + + + + + @@ -24,61 +50,29 @@ - + + - - - - - - - - - - - - - - - - - - - + + + - - - + + + - - + + - + - +
@@ -97,7 +91,7 @@
-
-
+
+ +
+ +
+
links.Vodnik.io
+
+ +
+ Vodnik.io on Facebook + Vodnik.io on Twitter + links.Vodnik.io on GitHub +
+ +
+ +
+ +

links.Vodnik.io was known earlier under name DopeLists.com.

+ +

The site categorizes nice and useful websites about various fields of interests from all over the internet.

+ +

If you want to report any error / dead link, suggest new site(s) and etc. please use linksVodnikIO@gmail.com.

+ +

This project was created and is curated by Dominik Serafin. + You can buy me a beer or hire me.

+ + +

Credits: + GitHub Pages, + CSS Reset, + Masonry, + Font Awesome, + Real Favicon Generator. +

+
+ +
\ No newline at end of file diff --git a/css/font-awesome.css b/css/font-awesome.css new file mode 100644 index 0000000..4040b3c --- /dev/null +++ b/css/font-awesome.css @@ -0,0 +1,1672 @@ +/*! + * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} diff --git a/css/listPage.css b/css/lists-vodnikio.css similarity index 71% rename from css/listPage.css rename to css/lists-vodnikio.css index 211d873..028e479 100644 --- a/css/listPage.css +++ b/css/lists-vodnikio.css @@ -26,6 +26,81 @@ strong { line-height: inherit; } + +/*----------------------------------------------------------------------------------*/ +/* PAGES COLORS */ +/*----------------------------------------------------------------------------------*/ +/*------------------------------------------*/ +/* GENERAL */ +/*------------------------------------------*/ +.tab-general, +body.general, +body.general .listWindow sup, +body.general .listWindow > div > li > div + +{ background-color: #62855d; } + +body.general .listWindow > div > li > div::before, +body.general .listWindow > h2 > .fa, +body.general .listWindow > div > h3::before, +body.general .listsInfo + +{ color: #62855d; } + + +/*------------------------------------------*/ +/* WEBDESIGN */ +/*------------------------------------------*/ +.tab-webdesign, +body.webdesign, +body.webdesign .listWindow sup, +body.webdesign .listWindow > div > li > div + +{ background-color: #76638b; } + +body.webdesign .listWindow > div > li > div::before, +body.webdesign .listWindow > h2 > .fa, +body.webdesign .listWindow > div > h3::before, +body.webdesign .listsInfo + +{ color: #76638b; } + + +/*------------------------------------------*/ +/* FRONT END */ +/*------------------------------------------*/ +.tab-frontend, +body.frontend, +body.frontend .listWindow sup, +body.frontend .listWindow > div > li > div + +{ background-color: #4874a0; } + +body.frontend .listWindow > div > li > div::before, +body.frontend .listWindow > h2 > .fa, +body.frontend .listWindow > div > h3::before, +body.frontend .listsInfo + +{ color: #4874a0; } + + +/*------------------------------------------*/ +/* AFTERFORMAT */ +/*------------------------------------------*/ +.tab-afterformat, +body.afterformat, +body.afterformat .listWindow sup, +body.afterformat .listWindow > div > li > div +{ background-color: #975e5a; } + +body.afterformat .listWindow > div > li > div::before, +body.afterformat .listWindow > h2 > .fa, +body.afterformat .listWindow > div > h3::before, +body.afterformat .listsInfo + +{ color: #975e5a; } + + /*----------------------------------------------------------------------------------*/ /* TOP */ /*----------------------------------------------------------------------------------*/ @@ -38,7 +113,6 @@ strong { color: white; border-top: 10px solid rgba(0,0,0,0.7); - -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; @@ -50,7 +124,6 @@ strong { /*------------------------------------------*/ /* TOP CONTENT */ /*------------------------------------------*/ - .top > a { display: block; float: left; @@ -61,47 +134,13 @@ strong { font-size: 15px; color: white; text-align: center; -} - -.top > a > h1 { font-weight: bold; white-space: nowrap; line-height: 40px; } -.top > a:nth-of-type(1) { - background: url("../img/logoWhite.png") top center no-repeat; - background-color: rgba(0,0,0,0.7); - background-size: 160px; -} - -.top > a:nth-of-type(1):hover { - background-color: rgba(0,0,0,0.5); -} - -.top > a:nth-of-type(2) { - background-color: #5e8d3e; -} - -.top > a:nth-of-type(3) { - background-color: #A0522D; - -} - -.top > a:nth-of-type(4) { - background-color: #2378A8; -} - -.top > a:nth-of-type(5) { - background-color: rgba(0,0,0,0.7); -} - -.top > a:nth-of-type(5):hover { - cursor: default; -} - /* Site [new] sup */ -h1 sup { +.top > a sup { font-size: 10px; font-weight: bold; background-color: rgba(0,0,0,0.1); @@ -110,8 +149,18 @@ h1 sup { text-transform: UPPERCASE; margin-left: 5px; z-index: 10; + border-radius: 2px; +} + +.top > .tab-index { + background: url("../img/logo-bright_linksvodnikio.svg") top center no-repeat; + background-color: rgba(0,0,0,0.7); + background-size: 110px; } +.top > .tab-index:hover { + background-color: rgba(0,0,0,0.5); +} /*------------------------------------------*/ /* NAVIGATION */ @@ -128,7 +177,7 @@ h1 sup { box-sizing: border-box; float: left; width: 100%; - background-color: rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0); padding: 17px 0 5px 20px; } @@ -139,7 +188,7 @@ h1 sup { float: left; margin: 0 13px 11px 0; cursor: pointer; - background-color: rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0.0); color: #eee; -webkit-transition: 0.1s all ease-in-out; -moz-transition: 0.1s all ease-in-out; @@ -148,29 +197,33 @@ h1 sup { transition: 0.1s all ease-in-out; } +.navigation > .buttons > div > .fa { + margin-right: 5px; +} + /* Pressed state */ .navigation > .buttons > div.pressed { - background-color: rgba(0,0,0,0.3); + background-color: rgba(0,0,0,0.1); } .navigation > .buttons > div:hover { - background-color: rgba(0,0,0,0.5); + background-color: rgba(0,0,0,0.2); } /* SHOW/CLEAR buttons */ .navigation > .buttons > .show { font-weight: bold; - border: 1px solid; - border-color: rgba(0,255,0,0.2); - padding: 3px 18px; + /*border: 1px solid;*/ + /*border-color: rgba(0,255,0,0.2);*/ + padding: 4px 18px; } .navigation > .buttons > .show.pressed { - background-color: rgba(0,255,0,0.3); + background-color: rgba(0,255,0,0.2); } .navigation > .buttons > .show:hover { - background-color: rgba(0,255,0,0.3); + background-color: rgba(0,255,0,0.2); } .navigation > .buttons > div > sup { @@ -189,24 +242,25 @@ h1 sup { transition: 0.1s all ease-in-out; font-family: 'Open Sans', sans-serif; - padding: 8px 0 8px 0; + padding: 0 0 14px 0; font-size: 15px; - text-indent: 20px; + text-indent: 25px; color: white; - background-color: rgba(0,0,0,0.4); + background-color: rgba(0,0,0,0); border: 0; height: 25px; display: inline-block; width: 100%; font-weight: bold; text-transform: uppercase; - opacity: 0.7; + opacity: 0.5; } .navigation > input#livesearch:focus { outline: none; border: 0; opacity: 1; + background-color: rgba(0,0,0,0); } *::-webkit-input-placeholder { @@ -231,8 +285,7 @@ h1 sup { /*----------------------------------------------------------------------------------*/ .advertisement { - background-color: #EEEEEE; - + background-color: #e9e9e9; } /* Needs to be this way for ad block to hide padding too */ @@ -256,7 +309,7 @@ h1 sup { box-sizing: border-box; width: 100%; padding: 0 0 70px 0; - background-color: #EEEEEE; + background-color: #e9e9e9; } /*------------------------------------------*/ @@ -266,8 +319,8 @@ h1 sup { .listsInfo { font-size: 50px; font-weight: bold; - padding: 60px 0 0 60px; - background-color: #EEEEEE; + padding: 60px 0 0 40px; + background-color: #e9e9e9; -webkit-touch-callout: none; -webkit-user-select: none; @@ -287,15 +340,17 @@ h1 sup { padding-right: 10px; padding-bottom: 20px; background-color: rgba(255,255,255,0.6); - border: 1px solid rgba(0,0,0,0.07); - border-bottom: 2px solid rgba(0,0,0,0.1); - border-radius: 3px; + /*border: 1px solid rgba(0,0,0,0.07);*/ + border-bottom: 2px solid rgba(0,0,0,0.08); + border-radius: 2px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } #sponsored { - background-color: rgba(255,255,240,0.4); - border: 1px solid #e8e8d8; - border-bottom: 3px solid #e8e8d8; + background-color: rgba(255,255,240,0.5); + /*border: 1px solid #e8e8d8;*/ + /*border-bottom: 3px solid #e8e8d8;*/ } @@ -312,6 +367,10 @@ h1 sup { border-color: #d4d4d4; } +#sponsored:target { + background-color: rgba(255,255,240,0.8); +} + /* Anchor links next to titles */ .listWindow > .anchor { @@ -319,7 +378,7 @@ h1 sup { position: absolute; left: 10px; - top: 3px; + top: 5px; font-weight: bold; color: rgba(0,0,0,0.3); @@ -334,13 +393,19 @@ h1 sup { .listWindow > h2 { font-size: 22px; line-height: 22px; + margin: 5px 0 0 0; font-weight: bold; color: rgba(0,0,0,0.8); position: relative; z-index: 200; - border-bottom: 2px solid #d7d7d7; + border-bottom: 2px solid rgba(0, 0, 0, 0.045); } + .listWindow > h2 > .fa { + margin-right: 5px; + } + + /* Wraps lists and descriptions also sub-categories */ .listWindow > div { counter-reset: dopeCounter; @@ -352,12 +417,16 @@ h1 sup { font-size: 16px; line-height: 16px; font-weight: bold; - margin-top: 12px; - color: rgba(0,0,0,0.8); - /*margin-left: 18px;*/ + margin: 20px 0 0 0; + color: rgba(0,0,0,0.7); position: relative; z-index: 100; - border-bottom: 1px solid #e3e3e3; + border-bottom: 1px solid rgba(0, 0, 0, 0.045); +} +.listWindow > div > h3::before { + font-family: "FontAwesome"; + content: "\f149"; + margin-right: 4px; } /* Site container */ @@ -370,10 +439,14 @@ h1 sup { .listWindow > div > li > a { width: 100%; padding: 3px 0 3px 3px; - border-bottom: 1px solid #e3e3e3; + /*border-bottom: 1px solid #e3e3e3;*/ color: #000; display: inline-block; } +.listWindow > div > li:nth-of-type(odd) > a { + background-color: rgba(0,0,0,0.017); +} + .listWindow > div > li > a:visited { @@ -382,8 +455,8 @@ h1 sup { .listWindow > div > li > a:hover { color: #111; - background-color: rgba(0,0,0,0.07); - padding-top: 3px; + background-color: rgba(0,0,0,0.05); + /*padding-top: 4px;*/ } /* Site icon */ @@ -393,9 +466,14 @@ h1 sup { margin-right: 4px; margin-top: 2px; float: left; + opacity: 0.9; +} +/* Site icon on hover */ +.listWindow > div > li > a:hover > img { + opacity: 1; } -/* Site [new] sup */ +/* Link Site [new] sup */ .listWindow > div > li > a > sup { font-size: 8px; font-weight: bold; @@ -404,9 +482,10 @@ h1 sup { text-transform: UPPERCASE; margin-left: 5px; z-index: 8; + border-radius: 1px; } -/* Site [new] sup */ +/* LINK Site [NSFW] sup */ .listWindow > div > li > a > sup.nsfw { font-size: 8px; font-weight: bold; @@ -417,9 +496,10 @@ h1 sup { text-transform: UPPERCASE; margin-left: 5px; z-index: 8; + border-radius: 1px; } -/* Site [new] sup */ +/* H2 Site [new] sup */ .listWindow > h2 > sup { font-size: 12px; font-weight: bold; @@ -428,9 +508,10 @@ h1 sup { text-transform: UPPERCASE; margin-left: 5px; z-index: 9; + border-radius: 2px; } -/* Site [new] sup */ +/* H3 Site [new] sup */ .listWindow > div > h3 > sup { font-size: 10px; font-weight: bold; @@ -439,6 +520,7 @@ h1 sup { text-transform: UPPERCASE; margin-left: 5px; z-index: 10; + border-radius: 2px; } /* Sites descriptions */ @@ -500,7 +582,7 @@ h1 sup { .footer { color: rgba(255,255,255,0.8); - padding-bottom: 75px; + padding-bottom: 70px; } /*------------------------------------------*/ @@ -508,7 +590,7 @@ h1 sup { /*------------------------------------------*/ .footer > .bordertop { - display: block; + display: none; background-color: rgba(0,0,0,0.2); height: 30px; } @@ -543,13 +625,27 @@ h1 sup { } .footer > .definition { - margin-top: 30px; + margin-top: 50px; } .footer > .siteinfo { margin-top: 20px; } +.siteinfo > p { + line-height: 1.7; +} + +.footer > .siteinfo > p:last-of-type { + float: left; +} + +.footer > .siteinfo > div:last-of-type { + float: left; + margin-left: 5px; + margin-top: 2px; +} + .footer > a { float: normal; display: inline; @@ -581,17 +677,6 @@ h1 sup { vertical-align: top; } -.footer > .siteinfo > p:last-of-type { - float: left; - margin-top: 5px; - margin-right: 5px; -} - -.footer > .siteinfo > div:last-of-type { - float: left; - margin-top: 4px; -} - /*----------------------------------------------------------------------------------*/ /* RESPONSIVE */ /*----------------------------------------------------------------------------------*/ @@ -600,7 +685,7 @@ h1 sup { font-size: 12px; } .top > a:nth-of-type(1) { - background: url("../img/logoWhite.png") 50% no-repeat; + background: url("../img/logo-vodnik-io-bright.svg") 50% no-repeat; background-color: rgba(0,0,0,0.7); background-size: 100px; } @@ -628,7 +713,7 @@ h1 sup { font-size: 9px; } .top > a:nth-of-type(1) { - background: url("../img/logoWhite.png") 50% no-repeat; + background: url("../img/logo-vodnik-io-bright.svg") 50% no-repeat; background-color: rgba(0,0,0,0.7); background-size: 70px; } diff --git a/favicon.ico b/favicon.ico index 4c4c6bd..6957562 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/favicon/apple-touch-icon-114x114.png b/favicon/apple-touch-icon-114x114.png index f7ad06d..1206c36 100644 Binary files a/favicon/apple-touch-icon-114x114.png and b/favicon/apple-touch-icon-114x114.png differ diff --git a/favicon/apple-touch-icon-120x120.png b/favicon/apple-touch-icon-120x120.png index e1e89bf..2cdbbb2 100644 Binary files a/favicon/apple-touch-icon-120x120.png and b/favicon/apple-touch-icon-120x120.png differ diff --git a/favicon/apple-touch-icon-144x144.png b/favicon/apple-touch-icon-144x144.png index f69707e..aae5fc1 100644 Binary files a/favicon/apple-touch-icon-144x144.png and b/favicon/apple-touch-icon-144x144.png differ diff --git a/favicon/apple-touch-icon-152x152.png b/favicon/apple-touch-icon-152x152.png index 74fa6f2..f8a619f 100644 Binary files a/favicon/apple-touch-icon-152x152.png and b/favicon/apple-touch-icon-152x152.png differ diff --git a/favicon/apple-touch-icon-57x57.png b/favicon/apple-touch-icon-57x57.png index 7acbdba..66127c9 100644 Binary files a/favicon/apple-touch-icon-57x57.png and b/favicon/apple-touch-icon-57x57.png differ diff --git a/favicon/apple-touch-icon-60x60.png b/favicon/apple-touch-icon-60x60.png index b6ea261..a845ea9 100644 Binary files a/favicon/apple-touch-icon-60x60.png and b/favicon/apple-touch-icon-60x60.png differ diff --git a/favicon/apple-touch-icon-72x72.png b/favicon/apple-touch-icon-72x72.png index 5585978..98d83b8 100644 Binary files a/favicon/apple-touch-icon-72x72.png and b/favicon/apple-touch-icon-72x72.png differ diff --git a/favicon/apple-touch-icon-76x76.png b/favicon/apple-touch-icon-76x76.png index 93c94eb..c91cacc 100644 Binary files a/favicon/apple-touch-icon-76x76.png and b/favicon/apple-touch-icon-76x76.png differ diff --git a/favicon/apple-touch-icon-precomposed.png b/favicon/apple-touch-icon-precomposed.png index 8bce485..5eeb1e5 100644 Binary files a/favicon/apple-touch-icon-precomposed.png and b/favicon/apple-touch-icon-precomposed.png differ diff --git a/favicon/apple-touch-icon.png b/favicon/apple-touch-icon.png index 74fa6f2..f8a619f 100644 Binary files a/favicon/apple-touch-icon.png and b/favicon/apple-touch-icon.png differ diff --git a/favicon/browserconfig.xml b/favicon/browserconfig.xml index 691e895..706ad33 100644 --- a/favicon/browserconfig.xml +++ b/favicon/browserconfig.xml @@ -2,11 +2,11 @@ - - - - - #707070 + + + + + #ffc40d diff --git a/favicon/favicon-160x160.png b/favicon/favicon-160x160.png index e8da797..a8bac93 100644 Binary files a/favicon/favicon-160x160.png and b/favicon/favicon-160x160.png differ diff --git a/favicon/favicon-16x16.png b/favicon/favicon-16x16.png index b2b70f7..c7c00ce 100644 Binary files a/favicon/favicon-16x16.png and b/favicon/favicon-16x16.png differ diff --git a/favicon/favicon-196x196.png b/favicon/favicon-196x196.png index 2690945..b56813b 100644 Binary files a/favicon/favicon-196x196.png and b/favicon/favicon-196x196.png differ diff --git a/favicon/favicon-32x32.png b/favicon/favicon-32x32.png index 13ed673..88dff19 100644 Binary files a/favicon/favicon-32x32.png and b/favicon/favicon-32x32.png differ diff --git a/favicon/favicon-96x96.png b/favicon/favicon-96x96.png index 701c615..a824221 100644 Binary files a/favicon/favicon-96x96.png and b/favicon/favicon-96x96.png differ diff --git a/favicon/favicon.ico b/favicon/favicon.ico index 4c4c6bd..6957562 100644 Binary files a/favicon/favicon.ico and b/favicon/favicon.ico differ diff --git a/favicon/mstile-144x144.png b/favicon/mstile-144x144.png index 7580440..aae5fc1 100644 Binary files a/favicon/mstile-144x144.png and b/favicon/mstile-144x144.png differ diff --git a/favicon/mstile-150x150.png b/favicon/mstile-150x150.png index 73d0968..1b48b13 100644 Binary files a/favicon/mstile-150x150.png and b/favicon/mstile-150x150.png differ diff --git a/favicon/mstile-310x150.png b/favicon/mstile-310x150.png index 392263f..898f525 100644 Binary files a/favicon/mstile-310x150.png and b/favicon/mstile-310x150.png differ diff --git a/favicon/mstile-310x310.png b/favicon/mstile-310x310.png index 24ebdce..8fb3e7e 100644 Binary files a/favicon/mstile-310x310.png and b/favicon/mstile-310x310.png differ diff --git a/favicon/mstile-70x70.png b/favicon/mstile-70x70.png index dfb6982..0ad6a35 100644 Binary files a/favicon/mstile-70x70.png and b/favicon/mstile-70x70.png differ diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf new file mode 100644 index 0000000..81c9ad9 Binary files /dev/null and b/fonts/FontAwesome.otf differ diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..84677bc Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..d907b25 --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,520 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..96a3639 Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..628b6a5 Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..80045db --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,1083 @@ + + + + + + + + + + + + Front End | links.Vodnik.io - Curated Resources Repositories + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + +

    Social Sites

    +
    +
  1. + GitHub +
    2. +
  2. + Stack Overflow +
    If you have any problem with your code then people on this site know the solution.
    3. +
    +
+ + + +

    Blogs

    +
    +
  1. + CSS-Tricks +
    2. +
  2. + CSS Wizardry +
    Front-end architecture and performance engineering.
    3. +
  3. + A List Apart: Code +
    4. +
  4. + DajlyJS +
    A JavaScript Blog.
    5. +
  5. + Blog TeamTreehouse +
    6. +
  6. + Echo JS +
    Echo JS is a community-driven news site entirely focused on JavaScript development, HTML5, and front-end news.
    7. +
  7. + HTML5 Rocks +
    8. +
  8. + JS GooDies +
    9. +
  9. + JS Central +
    JavaScript news and resources.
    10. +
  10. + Codrops +
    11. +
    +
+ + + +

    JavaScript Libraries

    +
    +
  1. + jQuery +
    jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
    2. +
  2. + YUI +
    YUI is a free, open source JavaScript and CSS library for building richly interactive web applications.
    3. +
  3. + Zepto +
    Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.
    4. +
  4. + Dojo +
    A javascript toolkit.
    5. +
  5. + React +
    A javascript library for building user interfaces.
    6. +
  6. + Minified.js +
    Minified.js is a client-side JavaScript library that's both powerful and small. It offers jQuery-like features (DOM manipulation, animation, events, HTTP requests) and utility functions (collections, date&number formatting, date arithmetic, templates) with a single, consistent API.
    7. +
  7. + Ember.js +
    A framework for creating ambitious web applications.
    8. +
  8. + Ractive.js +
    Ractive.js is a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default.
    9. +
  9. + Snap.svg +
    10. +
    +

    MV*

    +
  10. + AngularJS +
    HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application.
    11. +
  11. + Backbone.js +
    Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
    12. +
  12. + Vue.js +
    Vue.js is a library for building interactive web interfaces. It provides data-driven components with a simple and flexible API.
    13. +
  13. + Knockout +
    Simplify dynamic JavaScript UIs with the Model-View-View-Model (MVVM) pattern.
    14. +
  14. + Durandal +
    MVC? MVP? MVVM? Yes. Messaging, navigation, modals? Check. Durandal has the features you need to build whatever apps you can imagine.
    15. +
    +

    Utilities

    +
  15. + Underscore.js +
    Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders.
    16. +
    +

    Mobile

    +
  16. + jQuery Mobile +
    jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.
    17. +
  17. + thumb.js +
    Add touch support to your browser. TouchEvent polyfill. Support touch-less devices. Handy for desktop debugging. PhoneGap and mobile web friendly.
    18. +
    +
+ + +

    Workflow

    +
    +
  1. + Grunt +
    The JavaScript Task Runner.
    2. +
  2. + Bower +
    Web sites are made of lots of things — frameworks, libraries, assets, utilities, and rainbows. Bower manages all these things for you.
    3. +
    +

    Version Control

    +
  3. + Git +
    Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
    4. +
  4. + Mercurial +
    Mercurial is a free, distributed source control management tool. It efficiently handles projects of any size and offers an easy and intuitive interface.
    5. +
    +

    New Project

    +
  5. + HTML5 Boilerplate +
    Boilerplate meant to help you with starting new project and save on time without repetitive tasks when creating new website.
    6. +
  6. + Initializr +
    HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate.
    7. +
  7. + Yeoman +
    Project generator. It's designed to help you start a project quicker. You tell it which base to start from and then it figures out the rest. You can create your own templates.
    8. +
  8. + Blank WordPress Theme +
    9. +
  9. + Responsive Boilerplate +
    A lightweight (3kb) cross browser grid system, elegant & minimalist, made with only three main classes and 12 columns. Build with mobile first in mind, fits any screen size, pre-packed with some extra css helpers for mobile devices.
    10. +
    +
+ + + +

    Linting & Processing

    +
    +
  1. + Dirty Markup +
    Clean your HTML, CSS and JavaScript code.
    2. +
    +

    HTML

    +
  2. + The W3C Markup Validator +
    This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.
    3. +
  3. + HTML Tidy +
    HTML Tidy is a tool for checking and cleaning up HTML source files. It is especially useful for finding and correcting errors in deeply nested HTML, or for making grotesque code legible once more.
    4. +
  4. + Another HTML Lint +
    Another HTML-lint 5 is a free checker for HTML syntax.
    5. +
    +

    CSS

    +
  5. + CSS Lint +
    A lint tool performs static analysis of source code and flags patterns that might be errors or otherwise cause problems for the developer.
    6. +
  6. + ProCSSor +
    Procssor cleans and organizes your css the way you want it.
    7. +
  7. + CSSComb +
    Makes your code beautiful.
    8. +
    +

    JavaScript

    +
  8. + JSHint +
    Tool that helps to detect errors and potential problems in your JavaScript code.
    9. +
  9. + The Online Lint +
    10. +
    +
+ + + + +

    Preprocessors

    +

    HTML

    +
  1. + HAML +
    Beautiful, DRY, well-indented, clear markup: templating haiku.
    2. +
  2. + Slim +
    Ruby Template Engine.
    3. +
  3. + Jade +
    Node Template Engine.
    4. +
    +

    CSS

    +
  4. + SASS +
    5. +
  5. + LESS +
    6. +
  6. + Stylus +
    7. +
    +

    JavaScript

    +
  7. + CoffeScript +
    CoffeeScript is a little language that compiles into JavaScript. Underneath that awkward Java-esque patina, JavaScript has always had a gorgeous heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.
    8. +
  8. + LiveScript +
    9. +
    +
+ + + +

    Frameworks

    +
    +
  1. + Foundation +
    2. +
  2. + Bootstrap +
    3. +
  3. + Semantic UI +
    4. +
  4. + Unsemantic +
    5. +
  5. + Bourbon Neat +
    6. +
  6. + Jeet +
    7. +
  7. + Pure +
    8. +
  8. + Gumby +
    9. +
  9. + Ink Interface Kit +
    10. +
  10. + Susy +
    11. +
  11. + Kube +
    12. +
  12. + Blueprint +
    13. +
  13. + GroundworkCSS +
    14. +
  14. + Skeleton +
    15. +
  15. + YAML +
    16. +
  16. + Responsive Grid Sys. #1 +
    17. +
  17. + Responsive Grid Sys. #2 +
    18. +
  18. + Base +
    19. +
  19. + Ingrid +
    20. +
  20. + Toast +
    21. +
  21. + Less Framework +
    22. +
  22. + Mueller Grid System +
    23. +
  23. + Golden Grid System +
    24. +
  24. + 960 Grid System +
    25. +
  25. + Tuktuk +
    26. +
  26. + Responsive Aeon +
    27. +
    +
+ + + +

    Compatibility

    +
    +
  1. + Can I use... +
    Really useful tool which shows browser compatiblity for HTML, CSS & SVG elements/attributes.
    2. +
  2. + Autoprefixer +
    Tool for autoprefixing your css code with data from Caniuse.com
    3. +
  3. + HTML5 Please +
    Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.
    4. +
  4. + Modernizr +
    JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
    5. +
    +

    CSS Resets

    +
  5. + Eric Meyer's Reset CSS +
    The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.
    6. +
  6. + Normalize.css +
    Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. Alternative to CSS resets.
    7. +
  7. + HTML5 Doctor Reset CSS +
    Eric Meyer's Reset CSS modified for HTML5.
    8. +
  8. + YUI CSS Reset +
    CSS Reset from Yahoo YUI library.
    9. +
    +

    Testing

    +
  9. + Browser Stack +
    Paid live, web-based browser testing. It has free feature where you can test online websites and generate screenshots in various environments.
    10. +
  10. + Browser Shots +
    Take screenshots of online website in various environments.
    11. +
    +

    Responsiveness

    +
  11. + Am I Responsive? +
    Check if your site is responsive.
    12. +
  12. + Responsinator +
    Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.
    13. +
    +
+ + +

    Software

    +
    +
  1. + FileZilla +
    Best free open source FTP client/server.
    2. +
  2. + Prepros +
    Preprocessing, Live Browser Refreshing, Multi Device Testing and Much More.
    3. +
  3. + Mixture +
    Mixture. A rapid front-end development toolset for Mac & Windows.
    4. +
  4. + LiveReload +
    CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.
    5. +
    +

    Text Editors

    +
  5. + Sublime Text +
    This site was written in this! Best to use with Package Control - sublime.wbond.net.
    6. +
  6. + Brackets +
    Really cool free and open source code editor with nice features.
    7. +
  7. + Light Table +
    The next generation code editor.
    8. +
  8. + Atom +
    Atom is modern, approachable, and hackable to the core text editor.
    9. +
    +

    Browsers

    +
  9. + Google Chrome +
    10. +
  10. + Mozilla Firefox +
    11. +
  11. + Opera +
    12. +
  12. + Internet Explorer +
    13. +
  13. + Safari +
    14. +
    +
+ + + + +

    Browser Extensions

    +
    +
  1. + LiveReload +
    [All] CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.
    2. +
    +

    Google Chrome

    +
  2. + WhatFont +
    [Chrome] The easiest way to identify fonts on web pages.
    3. +
  3. + Ghostery +
    [Chrome] Protect your privacy. See who's tracking your web browsing with Ghostery.
    4. +
  4. + MeasureIt +
    [Chrome] Draw out a ruler to get the pixel width and height of any elements on a webpage.
    5. +
    +

    Firefox

    +
  5. + Firebug +
    [Firefox] The most popular and powerful web development inspector tool.
    6. +
  6. + Empty Cache Button +
    [Firefox] Cache clearing made easy. One click.
    7. +
    +
+ + +

    Web Fonts

    +
    +
  1. + Google Fonts +
    All fonts are open source and free for commercial use.
    2. +
  2. + Adobe Edge Web Fonts +
    3. +
  3. + Font Squirrel +
    All fonts are free for commercial use.
    4. +
    +
+ + +

    Icons Fonts

    +

    Finders & Generators

    +
  1. + GlyphSearch +
    Search for glyphs in Font Awesome, Glyphicons, IcoMoon, Ionicons, Octicons & Foundation.
    2. +
  2. + IcoMoon +
    Custom Built and Crisp Icon Fonts, Done Right.
    3. +
  3. + FlatIcon +
    4. +
  4. + Fontello +
    Icons font generator.
    5. +
    +

    Packs

    +
  5. + Font Awesome +
    The iconic font and CSS toolkit.
    6. +
  6. + Typicons +
    Pixel perfect all purpose vector icons.
    7. +
  7. + LivIcons +
    Animated icons font.
    8. +
  8. + IconMelon +
    9. +
  9. + Iconic +
    10. +
  10. + Octicons +
    Offical GitHub icons font.
    11. +
  11. + DevIcons +
    Iconic font made for developers, code jedis, ninjas, HTTPsters, evangelists and nerds.
    12. +
  12. + NounProject +
    13. +
    +
+ + + + + + + +

    Media

    +

    Image Optimization

    +
  1. + Tiny PNG +
    Shrink PNG files while preserving quality and transparency. They even have transparency in IE6!
    2. +
    +

    Favicon

    +
  2. + Real Favicon Generator +
    3. +
    +

    Generators

    +
  3. + Trianglify +
    Generate colorful triangle meshes that can be used as SVG images and CSS backgrounds.
    4. +
    +
+ + + + + + + + + +

    Playgrounds

    +
    +
  1. + JSFiddle +
    2. +
  2. + CodePen +
    3. +
  3. + JS Bin +
    4. +
  4. + Dabblet +
    5. +
  5. + GitHub Gists +
    6. +
  6. + Mozilla Thimble +
    7. +
    +
+ + + +

    Snippets

    +
    +
  1. + CSS-Tricks Code Snippets +
    2. +
  2. + Snipplr +
    3. +
  3. + Responsive Patterns +
    A collection of patterns and modules for responsive designs.
    4. +
  4. + CSSMatic +
    CSS generators containing: Gradient Generator, Border Radius, Noise Texture, Box Shadow.
    5. +
  5. + Animate.css +
    6. +
  6. + CSS3 Animation Cheat Sheet +
    7. +
    +
+ +

    Analytics & Marketing

    +
    +
  1. + Best Marketing Tools +
    Saijo George took DopeLists code and created his own list about best marketing tools. And it's very useful.
    2. +
  2. + Google Analytics +
    3. +
  3. + Google Trends +
    4. +
  4. + Shared Count +
    Track URL shares, likes, tweets, and etc.
    5. +
  5. + Mention +
    Paid real time media monitoring application.
    6. +
  6. + Alexa +
    Analytics and website rankings.
    7. +
  7. + Quantcast +
    Websites statistics and advertising.
    8. +
  8. + Niche Keyword Finder +
    9. +
  9. + Google Alerts +
    10. +
    +

    SEO

    +
  10. + Google Webmasters +
    Get data, tools and diagnostics for a healthy, Google-friendly site.
    11. +
  11. + Woo Rank +
    SEO tools.
    12. +
  12. + SEO Site Checkup +
    13. +
  13. + Net Marketing Ninjas Tools +
    14. +
    +

    Ads

    +
  14. + Google AdSense +
    15. +
  15. + Google AdWords +
    16. +
  16. + BuySellAds +
    Most leading design blogs use this service. You can buy or publish display ads, tweets and also email or RSS ads.
    17. +
  17. + The DECK +
    18. +
  18. + Yoggrt +
    19. +
  19. + Carbon Ads +
    Invite only.
    20. +
  20. + Ad Packs +
    Invite only.
    21. +
  21. + InfluAds +
    Invite only.
    22. +
    +
+ + +

    Content Management Systems

    +
    +
  1. + WordPress +
    2. +
  2. + Drupal +
    3. +
  3. + Joomla! +
    4. +
  4. + SilverStripe +
    5. +
  5. + Anchor +
    6. +
  6. + Frog +
    7. +
  7. + Cushy +
    8. +
  8. + Concrete5 +
    9. +
  9. + Statamic +
    10. +
  10. + Craft +
    11. +
  11. + The Secretary +
    12. +
  12. + MODX +
    13. +
  13. + Dotcms +
    14. +
  14. + Contao +
    15. +
  15. + Expression Engine +
    16. +
  16. + Radiant +
    17. +
    +
+ + +

    Hosting

    +
    +
  1. + Amazon Web Services +
    2. +
  2. + GitHub Pages +
    It's free, reliable and practically with unlimited bandwith but you can't do any backend stuff like PHP/Python/etc. It rocks for simple sites!
    3. +
  3. + DreamHost +
    4. +
  4. + Bluehost +
    5. +
  5. + HostGator +
    6. +
  6. + Nearly Free Speech +
    Pay incrementally with usage.
    7. +
  7. + A Small Orange +
    8. +
  8. + Media Temple +
    9. +
  9. + Digital Ocean +
    10. +
  10. + Rackspace +
    11. +
  11. + Linode +
    12. +
  12. + iPage +
    13. +
  13. + 000webhost +
    If you can't afford hosting (like me) then this might help.
    14. +
    +
+ + + + +

    Learning

    +
    +
  1. + Bento +
    Learn frontend, backend, database, api, mobile and etc. categorized with cool boxes which tell you what to learn next.
    2. +
  2. + Codecademy +
    Good for learning code basics.
    3. +
  3. + Team Treehouse +
    4. +
  4. + Dash +
    5. +
  5. + SitePoint +
    Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design.
    6. +
  6. + HTML5 Doctor +
    Resource for people who want to learn more about the hows and whys of implementing HTML5.
    7. +
  7. + Code Avengers +
    8. +
  8. + Khan Academy +
    9. +
  9. + Code School +
    10. +
  10. + Learn Street +
    11. +
  11. + Tuts+ Code +
    12. +
  12. + Tutorial Zine +
    13. +
  13. + Build Something Random +
    Practice your front-end coding skills with random challenges.
    14. +
  14. + The 3-Minute Guide to SEO +
    15. +
    +

    CSS

    +
  15. + Learn CSS Layout +
    This site teaches the CSS fundamentals that are used in any website's layout.
    16. +
  16. + CSS Guidelines +
    High-level advice and guidelines for writing sane, manageable, scalable CSS.
    17. +
  17. + CSS Diner +
    Practice your CSS selectors skills.
    18. +
  18. + The Expressive Web +
    HTML5 and CSS3 bring loads of new features and functionality to the modern web. This site is a resource and showcase of some of the newest, and most expressive features being added to the web today.
    19. +
    +

    JavaScript

    +
  19. + Untrusted +
    A user javascript adventure.
    20. +
    +
+ + +

    Jobs

    +
    +
  1. + Coworks +
    Get carefully selected handpicked digital creatives working remotely.
    2. +
  2. + UXswitch +
    Sign up and get contacted by UX recruiters.
    3. +
  3. + StackOverflow Careers 2.0 +
    4. +
  4. + Smashing Magazine Jobs +
    5. +
  5. + We Work Remotely +
    We Work Remotely is the best place to find and list jobs that aren’t restricted by commutes or a particular geographic area.
    6. +
  6. + Authentic Jobs +
    7. +
  7. + GitHub Jobs +
    8. +
    +
+ + +

    Subreddits

    +
    +
  1. + WebDev +
    2. +
  2. + FrontEnd +
    3. +
  3. + WebHosting +
    4. +
  4. + CSS +
    5. +
  5. + JavaScript +
    6. +
  6. + jQuery +
    7. +
  7. + PHP +
    8. +
  8. + WordPress +
    9. +
    +
+ + + + +

    Other Resources

    +
    +
  1. + Pineapple +
    It's like reddit but for web designers &alt; developers.
    2. +
  2. + Unheap +
    A tidy repository of jQuery plugins.
    3. +
  3. + JavaScriptOO +
    Every javascript project you should be looking into.
    4. +
  4. + DevDocs +
    DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
    5. +
  5. + Web Platform +
    The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more.
    6. +
  6. + jQuery Plugins CDN +
    Handpicked jQuery Plugins CDN (Content Delivery Network).
    7. +
  7. + Cheetyr +
    A handy collection of cheatsheets and shortcuts to speed up the work of designers and developers.
    8. +
  8. + Web Components +
    WebComponents.org is where pioneers and community-members of the Web Components ecosystem (like Polymer, X-tags, and other interested parties) document web components best practices so that others can follow the same path instead of needlessly striking out on their own.
    9. +
  9. + Lightbox Clones Matrix +
    Comparison of various scripts that display images and other objects in somehow cool CSS popups.
    10. +
  10. + Frontend Job Interview Questions +
    This repo contains a number of front-end interview questions that can be used when vetting potential candidates.
    11. +
    +

    Link Repositories

    +
  11. + Awesome Awesomeness +
    A curated list about lists about everything.
    12. +
  12. + Frontend Bookmarks +
    "A huge list of frontend development resources I collected over time. Sorted from general knowledge at the top to concrete problems at the bottom."
    13. +
  13. + WebdesignRepo +
    It's another website which lists links & articles about webdesign. It's really comprehensive!
    14. +
  14. + Web Design Field Manual +
    Good looking web design resources repository.
    15. +
  15. + FabURLs +
    A really handy list of fabulous URLs for web designers and developers.
    16. +
  16. + Oozled +
    Curated resources for everything creative.
    17. +
  17. + DevLinks +
    Collection of Web Development Links, Services, Tools & Resources.
    18. +
  18. + Designers List +
    Really similar site to this repo (I found it after creating this repository). Worth checking.
    19. +
    +
+ +
+ +
+ +
+ +
+
links.Vodnik.io
+
+ +
+ Vodnik.io on Facebook + Vodnik.io on Twitter + links.Vodnik.io on GitHub +
+ +
+ +
+ +

links.Vodnik.io was known earlier under name DopeLists.com.

+ +

The site categorizes nice and useful websites about various fields of interests from all over the internet.

+ +

If you want to report any error / dead link, suggest new site(s) and etc. please use linksVodnikIO@gmail.com.

+ +

This project was created and is curated by Dominik Serafin. + You can buy me a beer or hire me.

+ + +

Credits: + GitHub Pages, + CSS Reset, + Masonry, + Font Awesome, + Real Favicon Generator. +

+
+ +
+ + + \ No newline at end of file diff --git a/general/index.html b/general/index.html index 96e0631..f68408b 100644 --- a/general/index.html +++ b/general/index.html @@ -5,12 +5,38 @@ `-._ - - - | `——————--> - + + - DopeLists - General: Most Useful And Amazing Sites Of Internet. + + + + General | links.Vodnik.io - Curated Resources Repositories + + + + + + + + + + + + + + + + + + + + + + @@ -24,61 +50,29 @@ - + + - - - - - - - - - - - - - - - - - - - + + + - - - + + + - - + + - + - +
@@ -97,7 +91,7 @@
-
-
+
+ +
+ +
+
links.Vodnik.io
+
+ +
+ Vodnik.io on Facebook + Vodnik.io on Twitter + links.Vodnik.io on GitHub +
+ +
+ +
+ +

links.Vodnik.io was known earlier under name DopeLists.com.

+ +

The site categorizes nice and useful websites about various fields of interests from all over the internet.

+ +

If you want to report any error / dead link, suggest new site(s) and etc. please use linksVodnikIO@gmail.com.

+ +

This project was created and is curated by Dominik Serafin. + You can buy me a beer or hire me.

+ + +

Credits: + GitHub Pages, + CSS Reset, + Masonry, + Font Awesome, + Real Favicon Generator. +

+
+ +
\ No newline at end of file diff --git a/img/afterformatOG.jpg b/img/afterformatOG.jpg deleted file mode 100644 index 0268b54..0000000 Binary files a/img/afterformatOG.jpg and /dev/null differ diff --git a/img/generalOG.jpg b/img/generalOG.jpg deleted file mode 100644 index f09594f..0000000 Binary files a/img/generalOG.jpg and /dev/null differ diff --git a/img/iconmonstr-smiley-2-icon.svg b/img/iconmonstr-smiley-2-icon.svg deleted file mode 100644 index 0537049..0000000 --- a/img/iconmonstr-smiley-2-icon.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - diff --git a/img/iconmonstr-smiley-happy-icon.svg b/img/iconmonstr-smiley-happy-icon.svg deleted file mode 100644 index 6fd7d7b..0000000 --- a/img/iconmonstr-smiley-happy-icon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/img/iconmonstr-smiley-sad-2-icon.svg b/img/iconmonstr-smiley-sad-2-icon.svg deleted file mode 100644 index 78fb5d0..0000000 --- a/img/iconmonstr-smiley-sad-2-icon.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - diff --git a/img/logo-bright_linksvodnikio.svg b/img/logo-bright_linksvodnikio.svg new file mode 100644 index 0000000..e27932e --- /dev/null +++ b/img/logo-bright_linksvodnikio.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/logoWhite.png b/img/logoWhite.png deleted file mode 100644 index a8e851d..0000000 Binary files a/img/logoWhite.png and /dev/null differ diff --git a/img/mainOG.jpg b/img/mainOG.jpg deleted file mode 100644 index b7e5b5c..0000000 Binary files a/img/mainOG.jpg and /dev/null differ diff --git a/img/og_linksvodnikio.jpg b/img/og_linksvodnikio.jpg new file mode 100644 index 0000000..f2e8254 Binary files /dev/null and b/img/og_linksvodnikio.jpg differ diff --git a/img/webdesignOG.jpg b/img/webdesignOG.jpg deleted file mode 100644 index cbeb3ff..0000000 Binary files a/img/webdesignOG.jpg and /dev/null differ diff --git a/include_follows.html b/include_follows.html new file mode 100644 index 0000000..855dd35 --- /dev/null +++ b/include_follows.html @@ -0,0 +1,42 @@ + +
+ + +
+ +
+ + + +
+ +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ \ No newline at end of file diff --git a/include_footer.html b/include_footer.html deleted file mode 100644 index d663fcf..0000000 --- a/include_footer.html +++ /dev/null @@ -1,67 +0,0 @@ -
- -
Dope ~
-

1. Information from a reliable source about something that is not commonly or immediately known.

-

2. Something that is extremely cool.

-
- -
- FB.com/DopeLists - @DopeLists - +DopeListsCom - DopeLists on GitHub -
- -
- - -
-
- -
- -
- -
- -
- -
- -
- -
- - -
- - - - -
- -
-
- -
-

DopeLists.com categorizes nice and useful websites about various fields of interests from all over the internet.

-

If you want to report any error / dead link, suggest new site(s) and etc. please use DopeLists@gmail.com.

-

This project is on GitHub and also hosted on GitHub Pages. - It was created and is curated by Dominik Serafin (that's me!).

-

You can buy me a beer or

-
-
\ No newline at end of file diff --git a/include_top.html b/include_top.html index 50fcf8d..c87412f 100644 --- a/include_top.html +++ b/include_top.html @@ -1,36 +1,11 @@ - -

GeneralNEW

 -

After Format

 -

Web Design

 -

+ under construction

 + + +General +Web Design +Front Endnew +After Format
- - \ No newline at end of file diff --git a/index.html b/index.html index 418bba8..6256691 100644 --- a/index.html +++ b/index.html @@ -8,9 +8,29 @@ + - DopeLists: Curated Lists and Repositories of Useful Websites. + + + + links.Vodnik.io - Curated Resources Repositories + + + + + + + + + + + + + + + + @@ -24,159 +44,116 @@ - - - - + + + - - - - - - - - - - + + + - - - + + + - + - - + + - + + + - a:nth-of-type(2) { - background-color: #A0522D; + + - } + - a:nth-of-type(3) { - background-color: #2378A8; - } + - a:nth-of-type(4) { - background-color: #333; - } +
- .title { - height: 10%; - width: 100%; - font-size: 40px; - font-weight: bold; - } + +
- @media (max-width: 1400px) { - .logo { - background-size: 500px; - } - .title { - font-size: 30px; - } - } +

+ + +

links.Vodnik.io

+ + - @media (max-width: 900px) { - .logo { - background-size: 400px; - } - a { - width: 100%; - height: 200px; - } - } +

+ old DopeLists.com +

+Categorizes nice and useful websites about various fields of interests from all over the internet. +

- @media (max-width: 500px) { - .logo { - background-size: 200px; - } - .title { - font-size: 25px; - } - } - +

This project was created and is curated by Dominik Serafin. - - -

- - -
General
- +

+ Credits: + GitHub Pages, + CSS Reset, + Masonry, + Font Awesome, + Real Favicon Generator. +

- -
After Format
- +

links.Vodnik.io/general

+

links.Vodnik.io/webdesign

+

links.Vodnik.io/frontend

+

links.Vodnik.io/afterformat

- -
Web Design
- +

Vodnik.io on Facebook

+

Vodnik.io on Twitter

+

links.Vodnik.io on GitHub

- -
+ under construction
- \ No newline at end of file diff --git a/js/main.js b/js/lists-vodnikio.js similarity index 90% rename from js/main.js rename to js/lists-vodnikio.js index 3225da7..ac723a0 100644 --- a/js/main.js +++ b/js/lists-vodnikio.js @@ -9,12 +9,12 @@ $(document).ready(function(){ // GOOGLE ANALYTICS //----------------------------------------------------------------------------------// - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) - })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - ga('create', 'UA-49779109-1', 'dopelists.com'); - ga('send', 'pageview'); + (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) + })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); + ga('create', 'UA-46688343-6', 'auto'); + ga('send', 'pageview'); //----------------------------------------------------------------------------------// @@ -30,7 +30,7 @@ $(document).ready(function(){ //from dopelists.com $(".top").load("../include_top.html"); - $(".footer").load("../include_footer.html"); + $(".follows").load("../include_follows.html"); //----------------------------------------------------------------------------------// @@ -63,21 +63,21 @@ $(document).ready(function(){ // Displays description on hover $('.listWindow > div > li').mouseenter(function() { - $(this).children('div').slideDown(0); + $(this).children('div').show(); }); $('.listWindow > div > li').mouseleave(function() { - $(this).children('div').slideUp(0); + $(this).children('div').hide(); }); $('.listWindow > div > li > div').mouseenter(function() { - $(this).slideUp(0); + $(this).hide(); }); // Displays description on focus $('.listWindow > div > li').focusin(function() { - $(this).children('div').slideDown(0); + $(this).children('div').show(); }); $('.listWindow > div > li').focusout(function() { - $(this).children('div').slideUp(0); + $(this).children('div').hide(); }); @@ -153,7 +153,7 @@ $(document).ajaxStop(function() { // NAVIGATION BUTTONS CREATOR //----------------------------------------------------------------------------------// - $(".navigation > .buttons").append( "All" ); + $(".navigation > .buttons").append( "" ); $(".listWindow").each(function() { @@ -197,7 +197,7 @@ $(document).ajaxStop(function() { //$( ".navigation > .buttons > .show" ).text("Show All"); } - if ( $(".listWindow:visible").length == 0 ) { + if ( $(".listWindow:visible").length === 0 ) { $(".listsInfo").show(); $(".listsInfo").text("No results..."); } else { @@ -206,7 +206,7 @@ $(document).ajaxStop(function() { $(".lists").masonry(); - }; + } // listWindowCheckForPressed(); @@ -251,13 +251,13 @@ $(document).ajaxStop(function() { //----------------------------------------------------------------------------------// // LIVE SEARCH //----------------------------------------------------------------------------------// - $('#livesearch').keyup(function(e) { - + $("#livesearch").keyup(function(event) { + // Scroll on ENTER - if(e.which == 13) { + if (event.keyCode === 13) { // Scrolls to .listsInfo if it's visible - if( $(".listsInfo:visible").length == 1 ) { + if ( $(".listsInfo:visible").length == 1 ) { $("html, body").animate({ scrollTop: $(".listsInfo").offset().top }, '1000', 'swing'); } @@ -265,11 +265,10 @@ $(document).ajaxStop(function() { else { $("html, body").animate({ scrollTop: $(".lists").offset().top }, '1000', 'swing'); } - } // Clear on ESC - else if(e.keyCode == 27) { + else if (event.which === 27) { $(this).val(""); $("html, body").animate({ scrollTop: 0 }, '1000', 'swing'); } @@ -279,34 +278,31 @@ $(document).ajaxStop(function() { var regex = new RegExp(f, 'gi'); window.location.hash = ""; - $('.listWindow').hide(); + $(".listWindow").hide(); $("h2").each(function() { - if($(this).html().match(regex)) { $(this).parent(".listWindow").show(); } - }); $("h3").each(function() { - if($(this).html().match(regex)) { $(this).parent("div").parent(".listWindow").show(); } - }); - listWindowCheckForPressed(); + listWindowCheckForPressed(); }); + }); //----------------------------------------------------------------------------------// // -// AJAX STOP +// SITE LOAD // //----------------------------------------------------------------------------------// -$( window ).load(function() { +$(window).load(function() { //----------------------------------------------------------------------------------// // HASHLINKS FIX diff --git a/webdesign/index.html b/webdesign/index.html index 2c3638e..f9e0963 100644 --- a/webdesign/index.html +++ b/webdesign/index.html @@ -5,12 +5,38 @@ `-._ - - - | `——————--> - + + - DopeLists - Web Design: Curated Lists and Repositories. + + + + Web Design | links.Vodnik.io - Curated Resources Repositories + + + + + + + + + + + + + + + + + + + + + + @@ -24,61 +50,29 @@ - + + - - - - - - - - - - - - - - - - - - - - + + + + - - - + + + - + - - - - + + + + - +
@@ -97,51 +91,42 @@
-