What are the four freedoms of open source?
Built a child theme or put WordPress on your fortieth client site? You've used the four freedoms of open source. Here are all four, and what the license doesn't grant.
Nov 4, 20261 min read
1
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
h1, h2, h3 { font-weight: normal; }</p>
<p> amp-story-page {
background-color: #131516;
}</p>
<p> amp-story-grid-layer {
overflow: visible;
}</p>
<p> @media (max-aspect-ratio: 9 / 16) {
@media (min-aspect-ratio: 320 / 678) {
amp-story-grid-layer.grid-layer {
margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2);
}
}
}</p>
<p> @media not all and (min-resolution:.001dpcm) {
@media {
p.text-wrapper > span {
font-size: calc(100% - 0.5px);
}
}
}</p>
<p> .page-fullbleed-area,
.page-background-overlay-area {
position: absolute;
overflow: hidden;
width: 100%;
left: 0;
height: calc(1.1851851851851851 * 100%);
top: calc((1 - 1.1851851851851851) * 100% / 2);
}</p>
<p> .element-overlay-area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}</p>
<p> .page-safe-area {
overflow: visible;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: calc(0.84375 * 100%);
margin: auto 0;
}</p>
<p> .mask {
position: absolute;
overflow: hidden;
}</p>
<p> .fill {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}</p>
<p> @media (prefers-reduced-motion: no-preference) {
.animation-wrapper {
opacity: var(--initial-opacity);
transform: var(--initial-transform);
}
}</p>
<p> amp-story-grid-layer.align-bottom {
align-content: end;
padding: 0;
/*
AMP CTA Layer will exactly occupy 74px regardless of any device.
To space out captions 74px from the BOTTOM (AMP CTA Layer),
74px from the TOP should also be spaced out and thus: 2 * 74px
will be the desired max-height.
*/
max-height: calc(100vh - (2 * 74px));
}</p>
<p> .captions-area {
padding: 0 32px 0;
}</p>
<p> amp-story-captions {
margin-bottom: 16px;
text-align: center;
}</p>
<p> amp-story-audio-sticker {
height: 100%;
}</p>
<p> .audio-sticker {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
hat are the four freedoms of open source?
Did you enjoy this article?
Recommend it — Standard Reader surfaces well-loved writing to more readers across the network.