repos / pico

commit

2757a56

parent

ab431cc

author

Eric Bower

date

2022-08-18 15:17:16 +0000 UTC

docs(imgs): add section about metadata

 1@@ -91,6 +91,37 @@ scp ./delete.md {{.Site.Domain}}:/</pre>
 2         </p>
 3     </section>
 4 
 5+    <section id="img-meta">
 6+        <h2 class="text-xl">
 7+            <a href="#img-meta" rel="nofollow noopener">#</a>
 8+            How do I add metadata (like tags) to an image?
 9+        </h2>
10+        <p>
11+           We want to make sure you are always in control of the data you upload to imgs.  Adding
12+           metadata is as easy as uploading a markdown file with the same name of the image to
13+           imgs.sh.
14+        </p>
15+
16+        <p>
17+            If my image is named <code>trip_mexico_01.jpg</code> then you would also have a markdown
18+            file named <code>trip_mexico_01.md</code>.
19+        </p>
20+
21+        <pre>---
22+title: This is the caption
23+date: 2022-08-18
24+tags: [trip, mexico]
25+---
26+
27+This was the first shot I took when arriving at mexico city.  It was a warm sunny day and I was excited
28+to land and find some tacos!
29+</pre>
30+
31+        <p>
32+            Then you can upload both files <code>rsync trip_mexico_01.* <user>@imgs.sh</code>
33+        </p>
34+    </section>
35+
36     <section id="custom-domain">
37         <h2 class="text-xl">
38             <a href="#custom-domain" rel="nofollow noopener">#</a>
39@@ -103,14 +134,14 @@ scp ./delete.md {{.Site.Domain}}:/</pre>
40             2 DNS records need to be created:
41         </p>
42 
43-        <p>CNAME for the domain to prose (subdomains or DNS hosting with CNAME flattening) or A record</p>
44-        <pre>CNAME subdomain.yourcustomdomain.com -> prose.sh</pre>
45+        <p>CNAME for the domain to imgs (subdomains or DNS hosting with CNAME flattening) or A record</p>
46+        <pre>CNAME subdomain.yourcustomdomain.com -> imgs.sh</pre>
47         <p>Resulting in:</p>
48-        <pre>subdomain.yourcustomdomain.com.         300     IN      CNAME   prose.sh.</pre>
49-        <p>And a TXT record to tell Prose what blog is hosted on that domain at the subdomain entry _prose</p>
50-        <pre>TXT _prose.subdomain.yourcustomdomain.com -> yourproseusername</pre>
51+        <pre>subdomain.yourcustomdomain.com.         300     IN      CNAME   imgs.sh.</pre>
52+        <p>And a TXT record to tell Prose what blog is hosted on that domain at the subdomain entry _imgs</p>
53+        <pre>TXT _imgs.subdomain.yourcustomdomain.com -> yourusername</pre>
54         <p>Resulting in:</p>
55-        <pre>_prose.subdomain.yourcustomdomain.com.         300     IN      TXT     "hey"</pre>
56+        <pre>_imgs.subdomain.yourcustomdomain.com.         300     IN      TXT     "hey"</pre>
57     </section>
58 </main>
59 {{template "marketing-footer" .}}

 1@@ -63,26 +63,49 @@
 2             When your image is ready to be published, copy the file to our server with a familiar
 3             command:
 4         </p>
 5-        <pre>scp my-image.jpg {{.Site.Domain}}:/</pre>
 6+        <pre>rsync my-image.jpg {{.Site.Domain}}:/</pre>
 7         <p>We'll either create or update the images for you.</p>
 8     </section>
 9 
10     <section>
11         <h2 class="text-lg font-bold">Features</h2>
12         <ul>
13-            <li>Fill this in</li>
14+            <li>Delightful terminal workflow</li>
15+            <li>Share public images from the terminal</li>
16+            <li>Seamless integration with other pico services</li>
17+            <li>Images are web optimized by default</li>
18+            <li>Images are device optimized by default</li>
19+            <li>API to modify images on-the-fly (e.g. dimensions)</li>
20+            <li>Original images are always available</li>
21+            <li>Ability to add metadata to images using markdown</li>
22+            <li>Organize images into albums using tags</li>
23+            <li>Hotlinking encouraged!</li>
24+            <li>No javascript</li>
25+            <li>No ads</li>
26+            <li>No file size limits</li>
27+            <li>25GB max storage</li>
28         </ul>
29     </section>
30 
31     <section>
32         <h2 class="text-lg font-bold">Philosophy</h2>
33-        <p>Fill this in</p>
34+        <p>
35+            Sharing photos is such an important part of the web.  From writing a blog to creating
36+            memes, we want to enable hackers to quickly share images while never leaving the terminal.
37+        </p>
38+        <p>
39+            We built imgs out of necessity, it's something we really wanted as part of the pico
40+            ecosystem and are excited to share it with you.
41+        </p>
42+        <p>Read more about team pico's philosophy <a href="https://pico.sh">here</a>.</p>
43     </section>
44 
45     <section>
46         <h2 class="text-lg font-bold">Roadmap</h2>
47         <ol>
48-            <li>Fill this in</li>
49+            <li>Integration with prose/lists</li>
50+            <li>Web optimized images</li>
51+            <li>Device optimized images</li>
52         </ol>
53     </section>
54 </main>