wgroeneveld
3 years ago
parent
97d716af06
commit
9ea0e942fe
@ -1,21 +1,3 @@
|
||||
MIT License
|
||||
There is NO copyright on any content. Do whatever you want.
|
||||
|
||||
Copyright (c) 2017 Wouter Groeneveld
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
See https://brainbaking.com/no-copyright-no-tracking/
|
||||
|
||||
@ -0,0 +1,25 @@
|
||||
---
|
||||
title: No copyright - No Tracking
|
||||
subtitle: Because sharing is caring.
|
||||
disableComments: true
|
||||
---
|
||||
|
||||
## No Copyright
|
||||
|
||||
Inspired by Leo Babauta's ["uncopyright and the minimalist mindset"](https://mnmlist.com/uncopyright-and-a-minimalist-mindset/), I decided to apply this to my own website.
|
||||
|
||||
I've always detested the _'this is mine!'_-mindset, especially when it comes to intellectual property. Everyone benefits if everything is open and everyone can build upon each other's work. A possible financial loss is not an excuse. Leo has found copyrights not to be particularly helpful, so he simply got rid of them. He sells thousands of ebooks monthly. You have the right to share them with friends. He would rather have you buy them, but this way his work reaches a broader audience.
|
||||
|
||||
The source of this website is available at my Brain Baking [<svg class='icon'><use xlink:href='#github'></use></svg>Github repository](https://github.com/wgroeneveld/brainbaking). Feel free to do with it whatever you want: copy excerpts, republish images, use code partials, rip the theme, ... There's a reason the repository is **public**.
|
||||
|
||||
> Love only grows by sharing. You can only have more for yourself by giving it away to others. <span>Brian Tracy</span>
|
||||
|
||||
Of course I would be really grateful if you would still attribute Brain Baking as the source of your used material. However, I do not want to oblige you to do so using a confusing Creative Commons licence.
|
||||
|
||||
## No Tracking
|
||||
|
||||
Who doesn't like cookies? I'm [a baker](https://redzuurdesem.be/) - I would know. Well, I don't like cookies on websites, because they rise privacy concerns. That is why, inspired by [Laura Kalbag's "I don't track you"](https://laurakalbag.com/i-dont-track-you/) philosophy, I do everything I can to _not_ track you, but to track **traffic** instead.
|
||||
|
||||
I achieved this by ditching Google Analytics and hosting third-party libraries myself. So _rest assured_, Google does not know you were here! Instead, I use [Fathom](https://usefathom.com), a simple and privacy-focused analytics system that is self-hosted. It does require one simple cookie but it's on my own SSL-verified domain.
|
||||
|
||||
When a YouTube video is embedded into one of these pages, it will run in "no cookie" mode. That means content will be served from youtube-nocookie.com, preventing Google from tracking my visitors.
|
||||
@ -0,0 +1,50 @@
|
||||
blockquote
|
||||
font-family: $font-alt-stack
|
||||
@media (min-width: 960px)
|
||||
width: calc(100% - -220px + 0px)
|
||||
margin-left: -90px
|
||||
|
||||
@media (min-width: 1120px)
|
||||
width: calc(100% - -260px + 0px)
|
||||
margin-left: -130px
|
||||
|
||||
opacity: 0.8
|
||||
position: relative
|
||||
quotes: '\201C''\201D''\2018''\2019'
|
||||
margin: 1.2rem 0
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
position: relative
|
||||
&::before
|
||||
mask: url('/img/icons/quote.svg')
|
||||
-webkit-mask: url('/img/icons/quote.svg')
|
||||
mask-size: cover
|
||||
-webkit-mask-size: cover
|
||||
content: ''
|
||||
display: inline-block
|
||||
background-color: var(--accent)
|
||||
position: absolute
|
||||
width: 40px
|
||||
height: 40px
|
||||
margin-left: -40px
|
||||
margin-top: -10px
|
||||
|
||||
p
|
||||
@media (min-width: 960px)
|
||||
font-size: 1.8rem !important
|
||||
@media (min-width: 1120px)
|
||||
font-size: 2rem !important
|
||||
|
||||
padding-left: 0.5rem 0 !important
|
||||
font-size: 1.5rem !important
|
||||
letter-spacing: -0.1rem
|
||||
width: 100%
|
||||
font-weight: 300
|
||||
font-style: italic
|
||||
|
||||
span
|
||||
opacity: 0.6
|
||||
font-size: 1.3rem
|
||||
white-space: pre
|
||||
&::before
|
||||
content: '\A -- ';
|
||||
@ -1,10 +1,10 @@
|
||||
$grey: #333
|
||||
$code: #c7254e
|
||||
|
||||
@import 'fonts'
|
||||
@import 'bootstrap-minimal'
|
||||
@import 'brainbaking'
|
||||
@import 'brainbaking-intro'
|
||||
@import 'blockquote'
|
||||
@import 'listing'
|
||||
@import 'commento'
|
||||
@import 'goodreads'
|
||||
|
||||
Binary file not shown.
@ -0,0 +1,7 @@
|
||||
/*!
|
||||
By André Rinas, www.andrerinas.de
|
||||
Documentation, www.simplelightbox.de
|
||||
Available for use under the MIT License
|
||||
Version 2.1.5
|
||||
*/
|
||||
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-close:focus{outline:none}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}.sl-wrapper .sl-navigation button:focus{outline:none}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 428 B |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue