aboutsummaryrefslogtreecommitdiffstats
path: root/index.php
blob: 5623bd553fa634d624d3915df72bba5bc996caa6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<?php
/**
 * hugs.mageia.org - a place where to send the grumpy ones.
 *
 * Got an argument (or approaching) with someone on IRC or by email?
 * Things get tense? Be cool! And be the first to give this virtual hug!
 *
 * PHP version 5
 *
 * @category  Mageia_Web_Sites
 * @package   Hugs.mageia.org
 * @author    Romain d'Alverny  <rda@mageia.org>
 * @copyright 2011 Romain d'Alverny
 * @license   MIT License, see LICENSE.txt
 * @link      http://svnweb.mageia.org/svn/web/hugs/
*/

$app_root = realpath(dirname(__FILE__));

$images = glob(sprintf('%s/var/hugs/*.jpg', $app_root));
if (count($images) > 0) {
    $img_tmpl = '<img id="hi" src="%s" alt="Free Hugs!" title="Come get a hug!">';
    $img      = $images[array_rand($images)];
    $out      = sprintf($img_tmpl,
        str_replace($app_root, '', $img));

    // TODO $exif = exif_read_data($img, null, true);
} else {
    $out = '<div id="hi"><p>404 Hug Not Found :(</p></div>';
}

?><!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>Free Hugs! @ Mageia</title>
    <meta name="description" content="Be kind. Enough with bugs. Hug someone!">
    <meta name="keywords" content="mageia, hugs, bugs, calins">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="http://hugs.mageia.org/">
    <link rel="icon" type="image/png" href="/static/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico">
    <style>
    html { margin: 0; padding: 0; background: #fff; }
    body { margin: 0 auto; padding: 20px 40px; font-size: 100%; }
    h1, h2 { font-family: Pacifico, "Times New Roman", serif; font-weight: normal;
        font-effect: outline; }
    h1 { margin: 0 0 1em 0; font-size: 260%; }
    h2 { margin-top: 2em; font-size: 180%; }
    a, a:link { color: #2383c2; text-decoration: none; }
    a:hover { text-decoration: underline; }
    ul { margin-bottom: 4em; }
    li { margin-bottom: 0.6em; }
    #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; }
    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: 3em; }
    footer p { color: #aaa; }
    footer a { color: #aaa; text-decoration: none;  }
    p.yours { font-size: 70%; color: #aaa; font-family: Verdana; }
    p.yours a { color: #aaa; }
    div.clear { clear: both; }
    </style>
</head>
<body>
    <article>
        <section><?php echo $out; ?></section>
        <aside>
            <h1>Need a hug?</h1>
            
            <p>Maybe you wanted to visit <a href="http://bugs.mageia.org/"
                    rel="nofollow">bugs.mageia.org</a> (with a b!) actually?</p>
            <p>Or to check our <a href="http://mageia.org/en/about/code-of-conduct/"
                rel="nofollow">code of conduct</a>;
                just some advice to help collaboration within our project.</p>
            <p>Or to learn more about <a href="http://mageia.org/">Mageia</a>!
                We're nice fellows <!-- <a href="http://bonjourmageia.fr/"
                    rel="nofollow"></a>-->
                and we gather to build a Linux-based operating system.
                It's fun, it's great, <a href="http://mageia.org/">have a look</a>
                and join us!</p>
            <p style="text-align: center;"><a href="http://mageia.org/">
                <img src="static/mageia-logo.png"
                    style="width: 200px;"
                    alt="Mageia"></a></p>

            <h2>Free hugs?</h2>
            <p>Yes! A hug definitely will make you feel better.
                It's free and it's great!</p>

            <p>Check the <a href="http://www.freehugscampaign.org/">Free
                Hugs Campaign</a> out, and save the date: next International
                Free Hugs Day is on <time datetime="2011-07-02">July,
                    2<sup>nd</sup> 2011</time>.</p>
        </aside>
        <div class="clear"></div>
    </article>
    <footer>
        <p><a href="http://mageia.org/">mageia.org</a></p>
    </footer>
</body>
</html>