curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity
616 Commits 4 Branches 0 Tags 38 MiB
Commit Graph

147 Commits

Author SHA1 Message Date
curben baa5e896ad
style(sri-fallback): add credit 2019-08-26 20:57:00 +09:30
curben 65d463bc9d
feat(img): add image lazyloading 
* https://dev.to/yashints/native-lazy-loading-is-landed-in-chrome-2kli
* https://github.com/mfranzke/loading-attribute-polyfill
 2019-08-26 09:26:02 +09:30
curben 910dde814f
feat: add sanitize.css (via postcss-normalize) and autoprefixer 2019-08-26 00:39:10 +09:30
curben 31d99f0dab
style(css): specify combinations of sanitize.css 
* rename back to typing.css
 2019-08-26 00:28:20 +09:30
curben 82e79cf4c7
chore(css): sanitize.css and autoprefixer 2019-08-25 23:16:17 +09:30
curben 0da12db2ab
refactor(css): remove browser prefix 
* To be added back using autoprefixer
 2019-08-25 22:30:44 +09:30
curben bb7dd56322
refactor(css): de-normalize to declutter 
* remove css rules found in normalize.css and typo.css
  - https://github.com/necolas/normalize.css
  - https://github.com/sofish/typo.css
 2019-08-25 22:14:21 +09:30
curben 18f5c1d5d5
refactor(css): remove unused property 
* added by https://github.com/sofish/typo.css
 2019-08-25 19:21:05 +09:30
curben a75a36714b
fix(css): set maximum height of img element 2019-08-25 17:24:05 +09:30
curben a15d53f6f9
refactor(cloudinary): remove unused loading.svg 2019-08-25 17:19:09 +09:30
curben 4baa40a641
refactor: use native responsive image function 
* https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
* https://cloudinary.com/blog/responsive_images_with_srcset_sizes_and_cloudinary
* https://www.html5rocks.com/en/tutorials/responsive/picture-element/
* https://alligator.io/html/picture-element/
* https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/
 2019-08-25 16:07:58 +09:30
curben 801392b35d
feat: RSS feed 2019-08-12 20:32:22 +09:30
curben 93a2494d0a
fix(svg): add credit 2019-08-12 20:08:52 +09:30
curben 8c01309128
fix(css): improve appearance of links 
- remove underline when hover, makes hover more visible
- remove underline from link icon
- fill link icon with link's colour (inspired by MDN)
 2019-08-12 13:57:03 +09:30
curben b573092e2f
fix(css): add padding between images 2019-08-12 13:12:34 +09:30
curben 2779d94d55
refactor(css): remove unused property 2019-08-12 13:09:51 +09:30
curben bd7342314d
refactor: use 'sites' search parameter 
https://stackoverflow.com/a/7305734
 2019-08-11 00:09:23 +09:30
curben 5e40a69534
feat: add a link button next to a heading 
inspired by MDN Web Docs
https://developer.mozilla.org/en-US/
 2019-08-09 22:12:07 +09:30
curben a5dbc691ee
fix: post.excerpt can be specified in post 
https://github.com/hexojs/hexo/pull/3612
 2019-08-09 13:55:10 +09:30
curben 17c823bfbd feat(microformats): add hAtom class names 
* http://microformats.org/wiki/hatom
 2019-06-26 17:19:14 +09:30
curben 2ae8f9b08e fix(css): use sans-serif for content, serif for title 
* Based on Wikipedia style
* https://css-tricks.com/sans-serif/
 2019-06-11 19:09:55 +09:30
curben b99bcb4c26 style: Add credit to loading.svg 2019-06-10 18:23:17 +09:30
curben a5d1791b14 feat(search): replace gitlab search with duckduckgo 
todo: algolia
 2019-06-07 18:39:51 +09:30
curben 7a3f86f5b7 refactor(css): remove unused attribute 2019-06-06 19:48:13 +09:30
curben 513bd9f7e1 fix(archive-page): bold title and decrease font-size of date 
* Replace px with em
* Remove unused class
 2019-06-06 19:24:20 +09:30
curben cfd1b62843 fix(css): smaller title and title's margin-bottom 2019-06-05 13:37:47 +09:30
curben ad7616ebab fix(css): use ch to set max-width and padding 
https://jrl.ninja/etc/1/
https://secretgeek.github.io/html_wysiwyg/html.html
https://news.ycombinator.com/item?id=20100232
https://www.reddit.com/r/css/comments/bb73cw/58_bytes_of_css_to_look_great_nearly_everywhere/ekj8yhm/
 2019-06-05 13:03:40 +09:30
curben 60d62f94f3 feat: add search function to mobile page 
* add a gap after search form to prevent misclick
* use addEventListener() instead of onclick()
  - https://stackoverflow.com/a/34216918
 2019-06-01 18:51:51 +09:30
curben 824c11059d refactor: remove fill attribute from svg 
it's already set in typing.css
 2019-06-01 18:01:43 +09:30
curben cab3baeaf8 style: standardjs lint 2019-05-25 23:58:52 +09:30
curben cf16dd3e43 refactor: move creation of 'Copy' button from client to server 
* https://github.com/cheeriojs/cheerio#append-content-content--
  * cheerio doesn't have .createElement() function
    - https://code.tutsplus.com/tutorials/jquery-14-released-the-15-new-features-you-must-know--net-8590
 2019-05-25 20:14:02 +09:30
curben 3dfc57dbbe refactor: replace for loop with forEach() 
https://stackoverflow.com/a/34832466/9645167
 2019-05-25 17:49:36 +09:30
curben 4791c98a00 refactor: remove jquery and fancybox 
todo https://github.com/dimsemenov/photoswipe
 2019-05-22 11:13:21 +09:30
curben 0e686c620b refactor: Use pure JS equivalent of jQuery's $.ready() 
https://stackoverflow.com/a/9899701
 2019-05-22 10:52:58 +09:30
curben 03c527b2f5 refactor: move inline search function to js file 
avoid inline script for CSP
 2019-05-21 14:12:30 +09:30
curben bc4082ac06 refactor: use image file instead of inline 2019-05-21 13:10:40 +09:30
curben 2ac754fa4d style: arrow function 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
 2019-05-21 11:22:01 +09:30
curben e7a6071d08 refactor: move inline cloudinary js into js file 
to make way for CSR policy
 2019-05-21 10:49:30 +09:30
curben 47e7982432 refactor: use image file instead of inline 
page source looks cleaner this way
 2019-05-21 10:12:35 +09:30
curben ba48027e74 refactor: switch to regular cloudinary js 
* it's hosted at cdnjs, inline with other js source
    - better for HTTP/2 multiplexing if same host
  * update jquery
 2019-05-19 12:07:34 +09:30
curben d6c36abab9 refactor: switch to Fork-Awesome 2019-04-15 14:16:07 +09:30
curben 55f5f11c2f style: convert var to let/const 
ES6 syntax
 2019-04-10 20:18:45 +09:30
curben 43bf50dac5 refactor: switch to more modern sri-fallback 
https://github.com/JackuB/subresource-integrity-fallback
 2019-04-10 19:59:56 +09:30
curben d314bff200 chore: update libs 2019-04-10 14:45:02 +09:30
curben ced318927f feat: switch to night theme 
fix: compatibility with Dark Reader addon
 2019-04-08 11:44:22 +09:30
curben 19bb4b3d91 fix: mobile nav appears out of border in .article 
don't underline certain <a> tags
 2018-11-12 20:43:32 +10:30
curben ffe99717de fix: overlap the mobile nav onto other elements 2018-11-12 18:27:38 +10:30
curben 176974cd87 feat: add rounded corner to search bar 2018-11-12 11:06:36 +10:30
curben 7bbf3f4183 fix: don't underline the search icon 2018-11-11 21:29:16 +10:30
curben a47ab65b54 feat: implement search bar 
a crude search bar by piggybacking on gitlab search.
future enhancement is implement Algolia.
 2018-11-11 16:55:13 +10:30
curben 8614f62257 fix: consistent header margin and font-size 2018-11-11 14:23:10 +10:30
curben 565714d32d fix: nav should be left text-aligned 
similar to fb, patreon, github and gitlab.
 2018-11-09 15:39:00 +10:30
curben 01bd1f3943 style: remove unused left nav menu 2018-11-08 12:27:15 +10:30
curben 0c98384e57 style: beautify css 
https://codepen.io/jasondavis/pen/JoxMXa
 2018-11-08 12:15:46 +10:30
curben 78032cfad4 style: consistent class name for mobile nav 2018-11-08 12:11:23 +10:30
curben dec7a55ba5 feat: add border around mobile nav menu 2018-11-07 10:52:08 +10:30
curben db788d8df9 fix: add css workaround for IE 2018-11-06 18:49:42 +10:30
curben 913f9572d7 refactor: re-implement nav menu without javascript 
inspired by https://github.com/paulcarl/skelepico-theme
 2018-11-06 17:22:44 +10:30
curben 07afb16715 Use js standard style 
https://standardjs.com/
 2018-10-25 19:33:38 +10:30
curben 2cd6e3e6a5 Highlight button when hover over it 2018-10-20 19:04:52 +10:30
curben 673707964f Remove duplicate css rules 2018-10-20 13:53:38 +10:30
curben d8e1f57e9b Remove dotted outline on button 
https://stackoverflow.com/q/71074/9645167
 2018-10-20 13:38:41 +10:30
curben f397e5a17f Unify button styling across platforms 
Revert edd32bb80d
 2018-10-19 22:11:40 +10:30
curben edd32bb80d Use platform-native styling for button appearance 
https://developer.mozilla.org/en-US/docs/Web/CSS/appearance
 2018-10-19 21:13:15 +10:30
curben 6f16ecded9 Always show copy button 2018-10-19 20:52:39 +10:30
curben 57303be096 Update typing.css using autoprefixer and normalize.css 2018-10-19 11:53:22 +10:30
curben a4ae8ad177 Remove duplicate and unused fonts 2018-10-18 19:39:01 +10:30
curben 54d74b4d1b Switch to cloudinary-jquery without file-upload function 
- cloudinary-core 67.1KB
- cloudinary-jquery 66.5KB
- cloudinary-jquery-file-upload 71KB
 2018-10-07 14:47:51 +10:30
curben 4eca4d9ebf Don't bundle js 
HTTP/2 (supported by Netlify) offers multiplexing, so bundle/concat is not required
https://stackoverflow.com/a/36519379
Revert a4226f1413
 2018-10-05 14:12:03 +09:30
curben 3d97dee41b In Archive page, display post title next line after post date 2018-10-04 14:37:30 +09:30
curben a4226f1413 Combine sri-fallback and typing 
Save one HTTP request
 2018-10-04 12:21:36 +09:30
curben 9a8a48a15d Don't inject fancybox tag/class to cloudinary class 
Incompatible with cloudinary
 2018-10-02 12:33:19 +09:30
curben 1d4e14de25 Set inline code snippet background color for light theme 
0bb968a58c
 2018-10-01 13:41:39 +09:30
curben 19e3cd1bcb Add cloudinary tag plugin 2018-10-01 12:20:54 +09:30
curben bd4a14dfa3 Use fontawesome 5 svg & js framework 2018-09-30 15:12:38 +09:30
curben 0bb968a58c Set background color of inline code snippet 
More contrast like code block
 2018-09-30 13:27:40 +09:30
curben 43d0b22e6b Fix clipboardjs implemention 
Previous commit 4fb0adb24a didn't work
Credit to https://www.jianshu.com/p/3e9d614c1e77
 2018-09-30 13:21:59 +09:30
curben 8e5c6f4f0f Update fancybox and implement sri-fallback 
https://github.com/cyph/sri-fallback
 2018-09-29 21:07:09 +09:30
curben 45b47a9414 Upgrade clipboardjs to 2.0.1 2018-09-29 19:24:51 +09:30
curben 4fb0adb24a Add 'Copy' button to code snippet 
https://webdesign.tutsplus.com/tutorials/copy-to-clipboard-made-easy-with-clipboardjs--cms-25086
https://davidwalsh.name/clipboard
 2018-09-29 18:46:59 +09:30
curben cc1b2fc204 Switch to hexo-yam 
imagemin module of hexo-all-minifier has vulnerabilities
https://snyk.io/test/npm/hexo-all-minifier
Use pre-compressed images instead
 2018-09-27 18:24:10 +09:30
curben 0da762f287 More archive layout fix 2018-09-26 21:01:03 +09:30
curben 0f58cc00fd Use only one build job 
Having build and test jobs is too slow
 2018-09-26 20:50:21 +09:30
curben 7953a0f16b Fix archive page layout 
Leave a small gap between date and post title
 2018-09-26 20:45:06 +09:30
curben b11eeef202 Use relative font size instead of absolute size 2018-09-26 18:54:31 +09:30
curben 7ede088994 Tweak CSS for wider display 
Use more screen space especially on 1080p screen
 2018-09-26 15:18:06 +09:30
curben b15720939b Remove source.css, beautify typing.css 
typing.css is compiled from source.css
typing.css would be minified by hexo-all-minifier
 2018-09-25 08:57:12 +09:30
curben 7efe6efef1 Put uncompressed favicons at root folder 
hexo-all-minifer also compress favicons
root folder recommendation https://realfavicongenerator.net/faq
 2018-09-24 11:21:48 +09:30
curben 0da3a00471 Use mobile-friendly favicon 
https://realfavicongenerator.net/
Undo e3b6dc8404
 2018-09-20 13:41:03 +09:30
curben e3b6dc8404 Add favicon 2018-09-19 18:59:02 +09:30
curben 100730a537 Remove donation links and icons 2018-09-19 18:49:07 +09:30
curben 3097977050 Fix footer layout 2018-09-19 14:47:24 +09:30
curben 55281fcc3a Upgrade jQuery, clipboard.js and fontawesome 
Upgrade jQuery to v3.3.1, clipboard.js to v2.0.1 and fontawesome to v5.3.1
 2018-09-19 10:19:58 +09:30
curben bc5e29ffab Upgrade jquery and fancybox 2018-09-18 18:43:24 +09:30
curben 33bdd1d382 Self-serve scripts and remove unused codes 2018-09-16 16:54:02 +09:30
curben 0feefd5016 Minify css and css 
using CSSO and UglifyJS3
 2018-09-16 15:44:27 +09:30
curben 0fc76e12aa Install 'typing' theme 2018-09-14 17:57:43 +09:30