aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRomain d'Alverny <rda@mageia.org>2011-06-08 16:50:12 +0000
committerRomain d'Alverny <rda@mageia.org>2011-06-08 16:50:12 +0000
commiteed343eca2f5798cba27902226667faa11582614 (patch)
tree2eb8bf8868ed446dd1717313d37b4426dd3a59f8
parentf8ee4cea98c218cea233348d6010ac07f992cdc5 (diff)
downloadhugs-eed343eca2f5798cba27902226667faa11582614.tar
hugs-eed343eca2f5798cba27902226667faa11582614.tar.gz
hugs-eed343eca2f5798cba27902226667faa11582614.tar.bz2
hugs-eed343eca2f5798cba27902226667faa11582614.tar.xz
hugs-eed343eca2f5798cba27902226667faa11582614.zip
include css from a separate minified source file
-rw-r--r--index.php43
-rw-r--r--source-min.css1
-rw-r--r--source.css36
3 files changed, 42 insertions, 38 deletions
diff --git a/index.php b/index.php
index cc0a84c..b3891e7 100644
--- a/index.php
+++ b/index.php
@@ -46,60 +46,27 @@ if (count($images) > 0) {
$out = '<div id="hi"><p>404 Hug Not Found :(</p></div>';
}
+ob_start();
+
?><!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="keywords" content="mageia, community, fun, friendly, happy,
+ hugs, free hugs, no bug, calins, collaboration, free software, linux">
<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: #bbbbbb; }
- 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>
+ <style><?php include 'source-min.css'; ?></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/"
diff --git a/source-min.css b/source-min.css
new file mode 100644
index 0000000..a4f1ce5
--- /dev/null
+++ b/source-min.css
@@ -0,0 +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
diff --git a/source.css b/source.css
new file mode 100644
index 0000000..fc7721f
--- /dev/null
+++ b/source.css
@@ -0,0 +1,36 @@
+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 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;
+ 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: #bbbbbb; }
+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; /*#56b6f5*/ } \ No newline at end of file