Improve about page · burrito.space/diffuse@7b94ed6

+10 -5

src/Static/About/About.css

··· 13 13 14 14 body { 15 15 background: white; 16 - color: #322230; 16 + color: #3F3F3F; 17 17 font-family: "Source Sans Pro", sans-serif; 18 18 margin: 0 1.125rem 4.5rem; 19 19 ··· 25 25 26 26 .container { 27 27 margin: 0 auto; 28 - max-width: 650px; 28 + max-width: 660px; 29 29 } 30 30 31 31 ··· 37 37 38 38 .logo { 39 39 margin: 4.125rem auto 3rem; 40 - opacity: 0.2; 40 + opacity: 0.85; 41 41 } 42 42 43 43 ··· 76 76 } 77 77 78 78 blockquote { 79 - border-left: 4px solid rgb(231, 150, 128); 79 + font-family: Montserrat; 80 + letter-spacing: -0.025em; 80 81 margin-left: 0; 81 - padding-left: 0.75rem; 82 + padding-left: 0; 82 83 } 83 84 84 85 a { 86 + border-bottom: 1px solid currentColor; 85 87 color: inherit; 88 + display: inline-block; 89 + line-height: 1; 90 + text-decoration: none; 86 91 } 87 92 88 93 pre {

+14 -11

src/Static/About/About.md

··· 1 - > A music player that connects to your cloud/distributed storage. 1 + <blockquote class="f1 fw7 lh-title moon-gray"> 2 + 3 + A music player that connects to your 4 + cloud & distributed storage 5 + 6 + </blockquote> 2 7 3 - [Return to the application](/). 8 + [Return to the application](/) 4 9 5 10 #### Links 6 11 ··· 28 33 - [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) (browser) 29 34 - [IPFS](https://ipfs.io/) 30 35 - [RemoteStorage](https://remotestorage.io/) 31 - - [<del>Solid</del>](https://solid.inrupt.com/) (TODO) 32 36 - [Textile](https://github.com/textileio/go-textile) 33 37 34 38 ··· 42 46 - [<del>Blockstack Gaia Storage</del>](https://github.com/blockstack/gaia) (TODO) 43 47 - [Dropbox](https://dropbox.com/) 44 48 - [Google Drive](https://drive.google.com/) 45 - - <del>HTTP Server</del> (TODO) 46 49 - [IPFS](https://ipfs.io/) 47 50 - [WebDAV](https://en.wikipedia.org/wiki/WebDAV) 48 51 ··· 67 70 68 71 ### CORS 69 72 70 - There's only one thing you need to do yourself so that your service will work with the application, and that's setting up [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS) (Cross-Origin Resource Sharing). Here are the instructions you'll need for each service: 73 + There's only one thing you need to do yourself so that your service will work with the application, and that's setting up [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross-Origin Resource Sharing). Here are the instructions you'll need for each service: 71 74 72 75 <div id="CORS__S3" /> 73 76 74 77 #### Amazon S3 75 78 76 - *You can find the CORS configuration editor under the "Permissions" tab, on the S3 AWS Console.* 79 + You can find the CORS configuration editor under the "Permissions" tab, on the S3 AWS Console. 77 80 78 81 ```xml 79 82 <?xml version="1.0" encoding="UTF-8"?> ··· 106 109 107 110 #### IPFS 108 111 109 - *Add the domain, of the app, with the protocol to the __list of allowed origins__. For example:* 112 + Add the domain, of the app, with the protocol to the __list of allowed origins__. For example: 110 113 111 114 ```shell 112 115 ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '["https://diffuse.sh"]' ··· 116 119 117 120 #### Microsoft Azure Storage 118 121 119 - *You can find the CORS configuration under the "Settings -> CORS". 120 - Then fill in the following in the input boxes (left to right):* 122 + You can find the CORS configuration under the "Settings -> CORS". 123 + Then fill in the following in the input boxes (left to right): 121 124 122 125 ``` 123 126 ALLOWED ORIGINS * ··· 131 134 132 135 #### WebDAV 133 136 134 - *__Depends on your WebDAV server.__ 135 - Example setup for Henrique Dias's [WebDAV server](https://github.com/hacdias/webdav):* 137 + __Depends on your WebDAV server.__ 138 + Example setup for Henrique Dias's [WebDAV server](https://github.com/hacdias/webdav): 136 139 137 140 ```yaml 138 141 cors:

+1 -4

src/Static/About/Layout.html

··· 18 18 <meta name="theme-color" content="#995b6c" /> 19 19 20 20  21 - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:700" /> 22 - <link rel="stylesheet" href="//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css" /> 23 - <link rel="stylesheet" href="/vendor/tachyons.css" /> 24 - 21 + <link rel="stylesheet" href="/vendor/tachyons.min.css" /> 25 22 <link rel="stylesheet" href="/fonts.css" /> 26 23 <link rel="stylesheet" href="/about/about.css" /> 27 24

+38

src/Static/Css/Fonts.css

··· 1 + /* Hack */ 2 + 3 + 4 + @font-face { 5 + font-family: "Hack"; 6 + src: url("fonts/hack/regular-subset.woff2") format("woff2"); 7 + font-weight: 400; 8 + font-stretch: normal; 9 + font-style: normal; 10 + } 11 + 12 + 13 + @font-face { 14 + font-family: "Hack"; 15 + src: url("fonts/hack/bold-subset.woff2") format("woff2"); 16 + font-weight: 700; 17 + font-stretch: normal; 18 + font-style: normal; 19 + } 20 + 21 + 22 + 23 + /* Source Sans Pro */ 24 + 25 + 1 26 @font-face { 2 27 font-family: "Source Sans Pro"; 3 28 src: url("fonts/sourcesanspro/light.woff2") format("woff2"); ··· 132 157 font-family: "Montserrat"; 133 158 src: url("fonts/montserrat/extrabold.woff2") format("woff2"); 134 159 font-weight: 800; 160 + font-stretch: normal; 161 + font-style: normal; 162 + } 163 + 164 + 165 + 166 + /* Playfair Display */ 167 + 168 + 169 + @font-face { 170 + font-family: "Playfair Display"; 171 + src: url("fonts/playfairdisplay/bold.woff2") format("woff2"); 172 + font-weight: 700; 135 173 font-stretch: normal; 136 174 font-style: normal; 137 175 }

src/Static/Fonts/hack/bold-subset.woff2