summaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
authorHolger Weiss <holger@zedat.fu-berlin.de>2013-10-14 21:11:24 (GMT)
committerHolger Weiss <holger@zedat.fu-berlin.de>2013-10-14 21:11:24 (GMT)
commit9197d10655450fbcc42e7c68f98d32561220b824 (patch)
tree5e8144a3fa256e8c93f447fcbd9642e3f6222deb /web
parent985238e57fd575351e07d39e1128945698352f33 (diff)
downloadsite-9197d10655450fbcc42e7c68f98d32561220b824.tar.gz
Add a "Follow us!" box with RSS and Twitter icons
Replace the Twitter button at the bottom of our web pages with a "Follow us!" box on the right side. The icons were downloaded from: http://vervex.deviantart.com/art/Somacro-40-300DPI-Social-Media-Icons-267955425
Diffstat (limited to 'web')
-rw-r--r--web/README3
-rw-r--r--web/input/resources/plugins.css44
-rw-r--r--web/input/resources/rss.pngbin0 -> 4310 bytes
-rw-r--r--web/input/resources/twitter.pngbin0 -> 3978 bytes
-rw-r--r--web/page.html63
5 files changed, 76 insertions, 34 deletions
diff --git a/web/README b/web/README
index 71c56a4..ada4c02 100644
--- a/web/README
+++ b/web/README
@@ -9,7 +9,8 @@ Color scheme
9 9
10* See <http://colorschemedesigner.com/#3y21T--rOw0w0>. 10* See <http://colorschemedesigner.com/#3y21T--rOw0w0>.
11* Additionally, we use the CSS color "dimgray" (#696969) for stuff like the 11* Additionally, we use the CSS color "dimgray" (#696969) for stuff like the
12 breadcrumb navigation and the footer. 12 breadcrumb navigation and the footer, and a light gray (#E6E6E6) as a
13 background color.
13 14
14Favicon 15Favicon
15------- 16-------
diff --git a/web/input/resources/plugins.css b/web/input/resources/plugins.css
index 7b44e7a..abbd5d8 100644
--- a/web/input/resources/plugins.css
+++ b/web/input/resources/plugins.css
@@ -5,7 +5,8 @@
5 * 5 *
6 * - See <http://colorschemedesigner.com/#3y21T--rOw0w0>. 6 * - See <http://colorschemedesigner.com/#3y21T--rOw0w0>.
7 * - Additionally, we use the CSS color "dimgray" (#696969) for stuff like the 7 * - Additionally, we use the CSS color "dimgray" (#696969) for stuff like the
8 * breadcrumb navigation and the footer. 8 * breadcrumb navigation and the footer, and a light gray (#E6E6E6) as a
9 * background color.
9 */ 10 */
10 11
11@import url("https://fonts.googleapis.com/css?family=Bitter"); 12@import url("https://fonts.googleapis.com/css?family=Bitter");
@@ -13,8 +14,6 @@
13@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro"); 14@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");
14 15
15body { 16body {
16 max-width: 45em;
17 margin: 1em auto;
18 font-family: "Source Sans Pro", sans-serif; 17 font-family: "Source Sans Pro", sans-serif;
19 color: #000; 18 color: #000;
20 text-rendering: optimizeLegibility; 19 text-rendering: optimizeLegibility;
@@ -40,6 +39,45 @@ pre {
40 font-size: small; 39 font-size: small;
41} 40}
42 41
42div#github-ribbon {
43 position: absolute;
44 top: 0;
45 right: 0;
46 border-style: none;
47}
48
49div#feed-area {
50 float: right;
51 margin: 150px 16px;
52 color: #696969;
53 text-align: center;
54 font-size: small;
55 font-style: italic;
56 font-weight: bold;
57 white-space: nowrap;
58}
59
60div#feed-buttons {
61 margin-top: 8px;
62 padding: 16px;
63 background-color: #e6e6e6;
64 border-style: none;
65 border-radius: 1em;
66}
67
68div#feed-buttons a {
69 margin: auto 8px;
70}
71
72div#feed-buttons a img {
73 border-style: none;
74}
75
76div#page {
77 max-width: 45em;
78 margin: 1em auto;
79}
80
43div#breadcrumb { 81div#breadcrumb {
44 padding: 1em 1em 0.2em; 82 padding: 1em 1em 0.2em;
45} 83}
diff --git a/web/input/resources/rss.png b/web/input/resources/rss.png
new file mode 100644
index 0000000..c434050
--- /dev/null
+++ b/web/input/resources/rss.png
Binary files differ
diff --git a/web/input/resources/twitter.png b/web/input/resources/twitter.png
new file mode 100644
index 0000000..3a4bff6
--- /dev/null
+++ b/web/input/resources/twitter.png
Binary files differ
diff --git a/web/page.html b/web/page.html
index 5aeb5b9..5f2046e 100644
--- a/web/page.html
+++ b/web/page.html
@@ -11,40 +11,43 @@
11 <meta name="keywords" content="{{ hx(page.keywords) }}" /> 11 <meta name="keywords" content="{{ hx(page.keywords) }}" />
12 <link href="resources/plugins.css" rel="stylesheet" type="text/css" /> 12 <link href="resources/plugins.css" rel="stylesheet" type="text/css" />
13 <link href="resources/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 13 <link href="resources/favicon.ico" rel="shortcut icon" type="image/x-icon" />
14 <script>
15 ! function (d, s, id) {
16 var js, fjs = d.getElementsByTagName(s)[0],
17 p = /^http:/.test(d.location) ? 'http' : 'https';
18 if (!d.getElementById(id)) {
19 js = d.createElement(s);
20 js.id = id;
21 js.src = p + '://platform.twitter.com/widgets.js';
22 fjs.parentNode.insertBefore(js, fjs);
23 }
24 }(document, 'script', 'twitter-wjs');
25 </script>
26 </head> 14 </head>
27 15
28 <body> 16 <body>
29 <div> 17 <div id="github-ribbon">
30 <a href="https://github.com/nagios-plugins"><img 18 <a href="https://github.com/nagios-plugins"
31 style="position: absolute; top: 0; right: 0; border: 0;" 19 title="GitHub Repositories"><img
32 src="resources/github.png" alt="Fork me on GitHub"/></a> 20 src="resources/github.png"
21 alt="GitHub"
22 width="149"
23 height="149"/></a>
33 </div> 24 </div>
34 <div id="menu">{% menu() %}</div> 25 <div id="feed-area">Follow us!
35 <div id="breadcrumb">{{ breadcrumb() }}</div> 26 <div id="feed-buttons">
36 <div id="content">{{ __content__ }}</div> 27 <a href="rss.xml"
37 <div id="footer"> 28 title="RSS Feed"><img
38 Copyright &copy; {{ copyright_years(since=2013) }} 29 src="resources/rss.png"
39 <a href="team.html">Nagios Plugins Development Team</a> | 30 alt="RSS"
40 <a href="impressum.html">Impressum</a><br /> 31 width="32"
41 Nagios is a registered trademark of 32 height="32"/></a>
42 <a href="http://www.nagios.com/about/company">Nagios Enterprises, LLC</a>. 33 <a href="https://twitter.com/intent/follow?screen_name=monitorplugins"
43 <div style="padding-top: 3ex"> 34 title="Follow Us on Twitter"><img
44 <a href="https://twitter.com/monitorplugins" 35 src="resources/twitter.png"
45 class="twitter-follow-button" 36 alt="Twitter"
46 data-show-count="false" 37 width="32"
47 data-size="large">Follow @monitorplugins</a> 38 height="32"/></a>
39 </div>
40 </div>
41
42 <div id="page">
43 <div id="menu">{% menu() %}</div>
44 <div id="breadcrumb">{{ breadcrumb() }}</div>
45 <div id="content">{{ __content__ }}</div>
46 <div id="footer">Copyright &copy; {{ copyright_years(since=2013) }}
47 <a href="team.html">Nagios Plugins Development Team</a> |
48 <a href="impressum.html">Impressum</a><br />
49 Nagios is a registered trademark of
50 <a href="http://www.nagios.com/about/company">Nagios Enterprises, LLC</a>.
48 </div> 51 </div>
49 </div> 52 </div>
50 </body> 53 </body>