alternative to submit photos

author: Romain d'Alverny <rda@mageia.org> 2011-06-08 16:50:24 +0000
committer: Romain d'Alverny <rda@mageia.org> 2011-06-08 16:50:24 +0000
commit: fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91 (patch)
tree: 6c2177a95d3e35d5af01c16df700979735302c6a
parent: 4678c074c9d011ce1b32eb1d0a78899881eea070 (diff)
download: hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar
hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.gz
hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.bz2
hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.xz
hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.zip
5 files changed, 69 insertions, 21 deletions
diff --git a/README.md b/README.md
index 8545547..143203d 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ Add new photos under public/var/hugs/
  - these must be cleared for being used here
    - license must explicitly allow it;
    - identifiable people appearing as subjects must have given their consent 
- - use EXIF COMMENT field to add author + license information
+ - use EXIF COMMENT field to add author + license information (+ links)
    (use jhead for that, it's cool)
 
 
diff --git a/index.php b/index.php
index 9d51427..03e255c 100644
--- a/index.php
+++ b/index.php
@@ -42,7 +42,8 @@ if (count($images) > 0) {
     $out = sprintf('<figure>%s</figure>', $out);
 
 } else {
-
+    header($_SERVER['SERVER_PROTOCOL'] . ': 404 Not Found');
+    header('Status: 404 Not Found');
     $out = '<div id="hi"><p>404 Hug Not Found :(</p></div>';
 }
 
diff --git a/post-your-own/index.php b/post-your-own/index.php
index 5e0bf3a..a8375bb 100644
--- a/post-your-own/index.php
+++ b/post-your-own/index.php
@@ -15,19 +15,54 @@
 <body>
     <h1><a href="/">Need a hug?</a> &raquo; Your own photo</h1>
     <article>
+        <?php /*
+        <!-- mockup for later -->
+        <aside class="send"><form>
+            <div id="send">
+            <p>Hi!</p>
+            <p>My name is <input type="text" name="name" placeholder="Your name">.
+                I am from <input type="text" name="location" placeholder="Your city, country">.</p>
+            <p>I would love to have this picture
+                added to <a href="http://hugs.mageia.org/">hugs.mageia.org</a>:</p>
+            <p><input type="file" name="image" placeholder="Picture"></p>
+
+            <p>I made sure I can send it to you for this purpose; it is licenced as
+                <input type="text" name="license" placeholder="CC-By-SA, CC0, anything">.</p>
+            <p>And I would appreciate that this comment is added with the picture:<br>
+                <textarea name="desc" placeholder="Description, links" style="width: 30em; height: 4em;"></textarea></p>
+            <p>Please tell me what you think.
+                You can email me back at <input type="email" name="email" placeholder="Your email address"> if needed.</p>
+            <p>Thanks!</p>
+            </div>
+            <p style="text-align: right;"><input type="submit" value="Send"></p>
+        </form>
+        */ ?>
         <aside>
-        <p>Want to push more happy faces there as well?</p>
-        <p>We need:
-            your photo, a license to publish it here, your name,
-            any short description and/or link to point to;
-            all this, sent to this rather anonymous but oh-so-friendly
-            <code>hug-me [at] mageia [dot] org</code> email box.</p>
-        <p>If our hugging committee is ok with all your submission,
-            it will be online in a snap.
-            Increase your chance:
-            be an active Mageia <a href="http://mageia.org/contribute/">contributor</a>
-            or <a href="http://mageia.org/downloads/">user</a>;
-            stay on topic (hold a FREE HUGS! sign &amp; smile).</p>
+            <?php if (isset($_POST['pstd']) && $_POST['pstd'] == 1): ?>
+        <p>Ok, thanks! So. Want to push more happy faces there as well?</p>
+        <p>We need:</p>
+        <ul>
+            <li>your photo (someone, somewhere, smiling, holding a FREE HUGS sign),</li>
+            <li>a license to publish it here,</li>
+            <li>your name or nickname,</li>
+            <li>any short description and/or link to point to.</li>
+        </ul>
+        <p>All this, sent to this rather anonymous
+            <code>communication [at] group [dot] mageia [dot] org</code> box.
+            But there are real people there!</p>
+
+
+        <p>If our hugging committee is ok with your submission,
+            it will be online in a snap
+            &ndash; increase your chances:
+            be or become an active Mageia <a href="http://mageia.org/contribute/">contributor</a>
+            or <a href="http://mageia.org/downloads/">user</a>!</p>
+            <?php else: ?>
+            <form method="post" action="">
+                <input type="hidden" name="pstd" value="1">
+                <p><input type="submit" value="Well, click here first"><br></p>
+            </form>
+            <?php endif; ?>
         </aside>
     </article>
     <footer>
diff --git a/source-min.css b/source-min.css
index a4f1ce5..370bddd 100644
--- a/source-min.css
+++ b/source-min.css
@@ -1 +1 @@
-html{margin:0;padding:0;background:#fff}body{margin:0 auto;padding:20px 40px;font-size:100%}h1,h2,h3{font-family:Pacifico,"Times New Roman",serif;font-weight:normal;font-effect:outline}h1{margin:0 0 .5em 0;font-size:260%}h2{margin:1em 0 .5em 0;font-size:180%}a,a:link,a:visited{color:#2383c2;text-decoration:none}a:hover{text-decoration:underline}ul{margin-bottom:4em}li{margin-bottom:.6em}img{border:0}figure,figcaption{display:block;margin:0;padding:0}#hi{margin:10px 0 0 0;width:350px;-webkit-box-shadow:0 0 40px #555;-moz-box-shadow:0 0 40px #555;box-shadow:0 0 40px #555;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;transition:all 1.5s ease;border:4px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#hi.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#hi p{padding:2em}#hicomment{width:342px;padding:1em 4px;color:#ccc;font-size:70%;font-family:Verdana,Arial}#hicomment a{color:#bbb}p{font-family:"Trebuchet MS";font-size:90%;color:#222}section{float:left;margin-left:20px}aside{float:left;text-align:left;margin-left:60px;width:350px;display:block}article{display:block;width:auto;margin:auto}footer{clear:both;color:#aaa;margin-top:2em}footer h2,footer h3{margin:0}footer p{color:#aaa}footer a{acolor:#aaa;text-decoration:none}p.yours{font-size:70%;color:#aaa;font-family:Verdana}p.yours a{color:#aaa}div.clear{clear:both}.sign{font-family:Pacifico;font-weight:normal;border-top:1px solid #ccc}.sign a{color:#3594dd}
-\ No newline at end of file
+html{margin:0;padding:0;background:#fff}body{margin:0 auto;padding:20px 40px;font-size:100%}h1,h2,h3{font-family:Pacifico,"Times New Roman",serif;font-weight:normal;font-effect:outline}h1{margin:0 0 .5em 0;font-size:260%}h2{margin:1em 0 .5em 0;font-size:180%}a,a:link,a:visited{color:#2383c2;text-decoration:none}a:hover{text-decoration:underline}img{border:0}figure,figcaption{display:block;margin:0;padding:0}#hi{margin:10px 0 0 0;width:350px;-webkit-box-shadow:0 0 40px #555;-moz-box-shadow:0 0 40px #555;box-shadow:0 0 40px #555;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease-in;transition:all 1.5s ease;border:4px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#hi:active,#hi.flipped{-webkit-transform:translateZ(0);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}#hi p{padding:2em}#hicomment{width:342px;padding:1em 4px;color:#ccc;font-size:70%;font-family:Verdana,Arial}#hicomment a{color:#bbb}p,ul,ol{font-family:"Trebuchet MS";font-size:90%;color:#222}section{float:left;margin-left:20px}aside{float:left;text-align:left;margin-left:60px;width:350px;display:block}article{display:block;width:auto;margin:auto}footer{clear:both;color:#aaa;margin-top:2em}footer h2,footer h3{margin:0}footer p{color:#aaa}footer a{acolor:#aaa;text-decoration:none}p.yours{font-size:70%;color:#aaa;font-family:Verdana}p.yours a{color:#aaa}div.clear{clear:both}.sign{font-family:Pacifico;font-weight:normal;border-top:1px solid #ccc}.sign a{color:#3594dd}.send{width:550px}#send{padding:.4em 1em;font-family:"Courier"!important;background:#eee;-webkit-box-shadow:0 0 6px #aaa}#send p,#send input,#send textarea{font-family:Courier,fixed,monospace}
+\ No newline at end of file
diff --git a/source.css b/source.css
index fc7721f..72c5cfd 100644
--- a/source.css
+++ b/source.css
@@ -5,23 +5,22 @@ h1 { margin: 0 0 0.5em 0; font-size: 260%; }
 h2 { margin: 1em 0 0.5em 0; font-size: 180%; }
 a, a:link, a:visited { color: #2383c2; text-decoration: none; }
 a:hover { text-decoration: underline; }
-ul { margin-bottom: 4em; }
-li { margin-bottom: 0.6em; }
 img { border: 0; }
 figure, figcaption { display: block; margin: 0; padding: 0; }
 #hi { margin: 10px 0 0 0; width: 350px;
     -webkit-box-shadow: 0 0 40px #555; -moz-box-shadow: 0 0 40px #555;
     box-shadow: 0 0 40px #555;
-    -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease;
+    -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease-in;
     transition: all 1.5s ease;
     border: 4px solid #fff;
     -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 }
-#hi.flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
+#hi:active,
+#hi.flipped { -webkit-transform: translateZ(0); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
 #hi p { padding: 2em; }
 #hicomment { width: 342px; padding: 1em 4px; color: #cccccc; font-size: 70%; font-family: Verdana, Arial; }
 #hicomment a { color: #bbbbbb; }
-p { font-family: "Trebuchet MS"; font-size: 90%; color: #222; }
+p, ul, ol { font-family: "Trebuchet MS"; font-size: 90%; color: #222; }
 section { float: left; margin-left: 20px; }
 aside { float: left; text-align: left; margin-left: 60px; width: 350px; display: block; }
 article { display: block; width: auto; margin: auto; }
@@ -33,4 +32,17 @@ p.yours { font-size: 70%; color: #aaa; font-family: Verdana; }
 p.yours a { color: #aaa; }
 div.clear { clear: both; }
 .sign { font-family: Pacifico; font-weight: normal; border-top: 1px solid #ccc; }
-.sign a { color: #3594dd; /*#56b6f5*/ }
-\ No newline at end of file
+.sign a { color: #3594dd; /*#56b6f5*/ }
+
+.send { width: 550px; }
+#send {
+  padding: 0.4em 1em;
+  font-family: "Courier" !important;
+  background: #eeeeee;
+  -webkit-box-shadow: 0 0 6px #aaa;
+}
+#send p,
+#send input,
+#send textarea {
+  font-family: Courier, fixed, monospace;
+}
+\ No newline at end of file
author	Romain d'Alverny <rda@mageia.org>	2011-06-08 16:50:24 +0000
committer	Romain d'Alverny <rda@mageia.org>	2011-06-08 16:50:24 +0000
commit	fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91 (patch)
tree	6c2177a95d3e35d5af01c16df700979735302c6a
parent	4678c074c9d011ce1b32eb1d0a78899881eea070 (diff)
download	hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.gz hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.bz2 hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.tar.xz hugs-fa5aa3123c2184dbc24f9be1cc8ca4b8da3a3d91.zip