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
117
118
119
120
121
122
123
124
125
126
127
128
|
<?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));
// TIP use jhead -ce photo.jpg to edit photo COMMENT field
$exif = exif_read_data($img, null, true);
if (!is_null($exif)
&& isset($exif['COMMENT'])) {
$out .= sprintf('<figcaption id="hicomment">%s</figcaption>',
nl2br($exif['COMMENT'][0]));
}
$out = sprintf('<figure>%s</figure>', $out);
} 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, linux, distribution, community,
fun, friendly, happy, hugs, no bug, calins">
<meta name="robots" content="noindex, 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; }
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: #cccccc; font-size: 70%; font-family: Verdana, Arial; }
#hicomment a { color: #aaaaaa; }
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-small.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>
|
