Browse Source

Added Webpage

Thomas Buck 11 years ago
parent
commit
a2263284be
7 changed files with 283 additions and 1 deletions
  1. 1
    1
      RedditBar/RedditBar-Info.plist
  2. 133
    0
      web/badge.svg
  3. BIN
      web/favicon.png
  4. BIN
      web/image.png
  5. 60
    0
      web/index.html
  6. BIN
      web/prefs.png
  7. 89
    0
      web/style.css

+ 1
- 1
RedditBar/RedditBar-Info.plist View File

@@ -21,7 +21,7 @@
21 21
 	<key>CFBundleSignature</key>
22 22
 	<string>????</string>
23 23
 	<key>CFBundleVersion</key>
24
-	<string>274</string>
24
+	<string>275</string>
25 25
 	<key>LSApplicationCategoryType</key>
26 26
 	<string>public.app-category.utilities</string>
27 27
 	<key>LSMinimumSystemVersion</key>

+ 133
- 0
web/badge.svg View File

@@ -0,0 +1,133 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+	 width="165px" height="40px" viewBox="0 0 165 40" enable-background="new 0 0 165 40" xml:space="preserve">
6
+<g>
7
+	<path fill="#FFFFFF" d="M164.104,35.277c0,2.117-1.713,3.83-3.834,3.83H4.729c-2.119,0-3.839-1.713-3.839-3.83V4.725
8
+		c0-2.115,1.721-3.835,3.839-3.835H160.27c2.121,0,3.834,1.72,3.834,3.835V35.277L164.104,35.277z"/>
9
+	<path fill="#A6A6A6" d="M160.27,40H4.729C2.122,40,0,37.883,0,35.277V4.726C0,2.12,2.122,0,4.729,0H160.27
10
+		c2.604,0,4.729,2.12,4.729,4.726v30.553C165,37.883,162.875,40,160.27,40L160.27,40z"/>
11
+	<path d="M164.104,35.277c0,2.117-1.713,3.83-3.834,3.83H4.729c-2.119,0-3.839-1.713-3.839-3.83V4.725
12
+		c0-2.115,1.721-3.835,3.839-3.835H160.27c2.121,0,3.834,1.72,3.834,3.835V35.277L164.104,35.277z"/>
13
+	<path fill="#FFFFFF" d="M30.497,19.763c-0.03-3.223,2.695-4.792,2.819-4.864c-1.543-2.204-3.935-2.506-4.774-2.529
14
+		c-2.01-0.206-3.958,1.178-4.981,1.178c-1.043,0-2.62-1.157-4.317-1.122c-2.185,0.033-4.23,1.271-5.352,3.195
15
+		c-2.314,3.923-0.588,9.689,1.628,12.859c1.109,1.555,2.405,3.287,4.101,3.226c1.66-0.065,2.279-1.035,4.283-1.035
16
+		c1.984,0,2.566,1.035,4.296,0.996c1.78-0.026,2.903-1.56,3.973-3.127c1.282-1.78,1.796-3.532,1.817-3.623
17
+		C33.948,24.902,30.532,23.627,30.497,19.763z"/>
18
+	<path fill="#FFFFFF" d="M27.229,10.285c0.892-1.094,1.502-2.58,1.333-4.089C27.27,6.251,25.654,7.07,24.724,8.14
19
+		c-0.823,0.941-1.558,2.486-1.368,3.938C24.807,12.184,26.297,11.361,27.229,10.285z"/>
20
+	
21
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="123.793" y1="0.8911" x2="123.793" y2="36.9477" gradientTransform="matrix(1 0 0 -1 0 41)">
22
+		<stop  offset="0" style="stop-color:#1A1A1A;stop-opacity:0.1"/>
23
+		<stop  offset="0.1235" style="stop-color:#212121;stop-opacity:0.1506"/>
24
+		<stop  offset="0.3085" style="stop-color:#353535;stop-opacity:0.2265"/>
25
+		<stop  offset="0.5321" style="stop-color:#575757;stop-opacity:0.3181"/>
26
+		<stop  offset="0.7834" style="stop-color:#858585;stop-opacity:0.4212"/>
27
+		<stop  offset="1" style="stop-color:#B3B3B3;stop-opacity:0.51"/>
28
+	</linearGradient>
29
+	<path fill="url(#SVGID_1_)" d="M160.27,0H82.585l26.323,40h51.361c2.604,0,4.729-2.117,4.729-4.723V4.726
30
+		C165,2.12,162.875,0,160.27,0z"/>
31
+	<g>
32
+		<path fill="#FFFFFF" d="M55.653,31.496h-1.96l-0.262-5.264c-0.125-2.377-0.18-4.146-0.168-5.301h-0.056
33
+			c-0.398,1.48-0.89,3.066-1.475,4.76l-1.96,5.692h-1.531l-1.792-5.6c-0.535-1.693-0.971-3.312-1.307-4.854h-0.038
34
+			c-0.062,1.891-0.137,3.69-0.224,5.396l-0.299,5.17h-1.885l0.84-12.582h2.595l1.811,5.451c0.448,1.344,0.84,2.788,1.176,4.331
35
+			h0.056c0.398-1.604,0.821-3.049,1.269-4.331l1.886-5.451h2.595L55.653,31.496z"/>
36
+		<path fill="#FFFFFF" d="M64.501,31.496H62.69l-0.149-1.045h-0.056c-0.623,0.834-1.506,1.25-2.651,1.25
37
+			c-0.858,0-1.549-0.273-2.072-0.82c-0.473-0.498-0.709-1.113-0.709-1.848c0-1.107,0.463-1.955,1.391-2.539
38
+			c0.927-0.586,2.231-0.871,3.911-0.859v-0.168c0-1.195-0.628-1.791-1.885-1.791c-0.896,0-1.687,0.223-2.371,0.672l-0.411-1.326
39
+			c0.846-0.522,1.885-0.782,3.117-0.782c2.377,0,3.565,1.25,3.565,3.752v3.342C64.371,30.24,64.414,30.961,64.501,31.496z
40
+			 M62.411,28.379v-1.4c-2.228-0.037-3.341,0.572-3.341,1.83c0,0.474,0.13,0.828,0.39,1.064c0.26,0.236,0.588,0.354,0.984,0.354
41
+			c0.445,0,0.857-0.139,1.234-0.42c0.377-0.279,0.609-0.637,0.696-1.072C62.398,28.635,62.411,28.516,62.411,28.379z"/>
42
+		<path fill="#FFFFFF" d="M72.976,22.666l-0.392,1.531c-0.51-0.248-1.095-0.373-1.755-0.373c-0.884,0-1.583,0.295-2.1,0.887
43
+			s-0.774,1.342-0.774,2.25c0,0.957,0.271,1.717,0.812,2.277c0.541,0.559,1.229,0.84,2.062,0.84c0.622,0,1.232-0.125,1.83-0.373
44
+			l0.28,1.512c-0.66,0.311-1.493,0.467-2.501,0.467c-1.381,0-2.482-0.42-3.304-1.26c-0.822-0.84-1.232-1.963-1.232-3.369
45
+			s0.442-2.561,1.326-3.463c0.883-0.902,2.072-1.354,3.565-1.354C71.638,22.238,72.366,22.381,72.976,22.666z"/>
46
+		<path fill="#FFFFFF" d="M87.891,31.496h-2.146l-1.177-3.695H80.48l-1.12,3.695h-2.091l4.051-12.582h2.5L87.891,31.496z
47
+			 M84.213,26.252l-1.062-3.287c-0.112-0.336-0.324-1.125-0.635-2.37h-0.037c-0.125,0.536-0.324,1.325-0.598,2.37l-1.045,3.287
48
+			H84.213z"/>
49
+		<path fill="#FFFFFF" d="M98.287,26.848c0,1.545-0.418,2.764-1.258,3.66c-0.75,0.797-1.682,1.193-2.797,1.193
50
+			c-1.201,0-2.064-0.428-2.59-1.287v4.76h-2.017v-9.768c0-0.969-0.024-1.963-0.076-2.982h1.773l0.112,1.438h0.037
51
+			c0.672-1.081,1.691-1.622,3.062-1.622c1.069,0,1.963,0.422,2.68,1.27C97.93,24.354,98.287,25.467,98.287,26.848z M96.234,26.924
52
+			c0-0.885-0.199-1.611-0.598-2.186c-0.437-0.596-1.021-0.896-1.755-0.896c-0.498,0-0.948,0.164-1.354,0.494
53
+			c-0.404,0.33-0.67,0.763-0.793,1.297c-0.062,0.25-0.094,0.455-0.094,0.617v1.513c0,0.659,0.201,1.217,0.607,1.67
54
+			c0.404,0.455,0.93,0.682,1.576,0.682c0.76,0,1.35-0.293,1.773-0.877C96.023,28.652,96.234,27.881,96.234,26.924z"/>
55
+		<path fill="#FFFFFF" d="M108.723,26.848c0,1.545-0.418,2.764-1.258,3.66c-0.75,0.797-1.682,1.193-2.797,1.193
56
+			c-1.201,0-2.064-0.428-2.59-1.287v4.76h-2.016v-9.768c0-0.969-0.025-1.963-0.076-2.982h1.772l0.113,1.438h0.037
57
+			c0.672-1.081,1.69-1.622,3.062-1.622c1.069,0,1.963,0.422,2.68,1.27C108.365,24.354,108.723,25.467,108.723,26.848z
58
+			 M106.67,26.924c0-0.885-0.199-1.611-0.598-2.186c-0.436-0.596-1.021-0.896-1.754-0.896c-0.498,0-0.949,0.164-1.354,0.494
59
+			s-0.67,0.763-0.793,1.297c-0.062,0.25-0.094,0.455-0.094,0.617v1.513c0,0.659,0.2,1.217,0.606,1.67
60
+			c0.404,0.455,0.93,0.682,1.576,0.682c0.76,0,1.35-0.293,1.773-0.877C106.459,28.652,106.67,27.881,106.67,26.924z"/>
61
+		<path fill="#FFFFFF" d="M120.391,27.969c0,1.07-0.373,1.941-1.117,2.613c-0.819,0.734-1.963,1.102-3.428,1.102
62
+			c-1.354,0-2.438-0.262-3.258-0.785l0.467-1.68c0.883,0.523,1.854,0.785,2.912,0.785c0.758,0,1.35-0.172,1.771-0.514
63
+			c0.424-0.342,0.635-0.801,0.635-1.373c0-0.51-0.174-0.939-0.521-1.287c-0.35-0.348-0.928-0.672-1.735-0.971
64
+			c-2.203-0.822-3.306-2.023-3.306-3.604c0-1.032,0.39-1.878,1.168-2.539c0.777-0.659,1.808-0.989,3.088-0.989
65
+			c1.146,0,2.099,0.199,2.857,0.598l-0.506,1.643c-0.713-0.386-1.518-0.579-2.418-0.579c-0.711,0-1.268,0.175-1.668,0.523
66
+			c-0.336,0.311-0.506,0.691-0.506,1.138c0,0.498,0.193,0.908,0.58,1.232c0.336,0.299,0.945,0.623,1.828,0.971
67
+			c1.084,0.437,1.879,0.945,2.391,1.531C120.135,26.369,120.391,27.098,120.391,27.969z"/>
68
+		<path fill="#FFFFFF" d="M127.072,23.936h-2.221v4.406c0,1.119,0.393,1.68,1.176,1.68c0.361,0,0.66-0.03,0.896-0.094l0.058,1.531
69
+			c-0.398,0.15-0.922,0.225-1.568,0.225c-0.797,0-1.42-0.242-1.867-0.729c-0.447-0.484-0.672-1.301-0.672-2.445v-4.574h-1.326
70
+			v-1.512h1.326v-1.66l1.979-0.599v2.258h2.222L127.072,23.936L127.072,23.936z"/>
71
+		<path fill="#FFFFFF" d="M137.078,26.885c0,1.396-0.398,2.539-1.193,3.436c-0.834,0.923-1.941,1.382-3.324,1.382
72
+			c-1.332,0-2.393-0.441-3.182-1.324c-0.791-0.885-1.186-1.998-1.186-3.342c0-1.406,0.406-2.558,1.223-3.453
73
+			c0.814-0.896,1.914-1.344,3.295-1.344c1.332,0,2.4,0.44,3.211,1.323C136.693,24.422,137.078,25.529,137.078,26.885z
74
+			 M134.988,26.932c0-0.83-0.182-1.545-0.541-2.141c-0.424-0.719-1.027-1.078-1.811-1.078c-0.812,0-1.427,0.359-1.851,1.078
75
+			c-0.361,0.596-0.541,1.322-0.541,2.18c0,0.83,0.18,1.545,0.541,2.141c0.437,0.72,1.047,1.078,1.83,1.078
76
+			c0.771,0,1.375-0.364,1.811-1.098C134.801,28.484,134.988,27.764,134.988,26.932z"/>
77
+		<path fill="#FFFFFF" d="M143.631,24.197c-0.199-0.037-0.41-0.055-0.635-0.055c-0.709,0-1.258,0.268-1.643,0.801
78
+			c-0.336,0.475-0.504,1.072-0.504,1.793v4.76h-2.017v-6.215c0-1.047-0.021-1.998-0.058-2.857h1.754l0.076,1.736h0.056
79
+			c0.213-0.598,0.549-1.076,1.008-1.438c0.449-0.322,0.935-0.484,1.457-0.484c0.188,0,0.354,0.012,0.504,0.037L143.631,24.197
80
+			L143.631,24.197z"/>
81
+		<path fill="#FFFFFF" d="M152.646,26.531c0,0.361-0.025,0.666-0.074,0.914h-6.049c0.024,0.896,0.317,1.58,0.879,2.055
82
+			c0.51,0.422,1.168,0.635,1.979,0.635c0.895,0,1.711-0.145,2.445-0.43l0.316,1.4c-0.857,0.373-1.873,0.559-3.043,0.559
83
+			c-1.406,0-2.511-0.412-3.312-1.24c-0.803-0.828-1.205-1.939-1.205-3.332c0-1.369,0.373-2.508,1.121-3.416
84
+			c0.783-0.971,1.842-1.457,3.174-1.457c1.307,0,2.295,0.486,2.967,1.457C152.379,24.447,152.646,25.398,152.646,26.531z
85
+			 M150.725,26.008c0.012-0.598-0.119-1.113-0.393-1.549c-0.348-0.561-0.883-0.84-1.605-0.84c-0.66,0-1.194,0.273-1.604,0.82
86
+			c-0.336,0.438-0.535,0.959-0.599,1.567L150.725,26.008L150.725,26.008z"/>
87
+	</g>
88
+	<g>
89
+		<path fill="#FFFFFF" d="M48.947,13.433h-1.116l-0.611-1.922h-2.125l-0.583,1.922h-1.087l2.106-6.541h1.3L48.947,13.433z
90
+			 M47.036,10.707l-0.553-1.708c-0.058-0.175-0.165-0.583-0.33-1.233h-0.02c-0.068,0.281-0.165,0.689-0.311,1.233l-0.543,1.708
91
+			H47.036z"/>
92
+		<path fill="#FFFFFF" d="M54.311,8.716l-1.786,4.717h-1.019l-1.728-4.717h1.126l0.806,2.494c0.136,0.418,0.252,0.815,0.339,1.194
93
+			h0.029c0.078-0.34,0.194-0.738,0.339-1.194l0.796-2.494H54.311z"/>
94
+		<path fill="#FFFFFF" d="M58.112,13.433l-0.078-0.544h-0.029c-0.32,0.438-0.786,0.65-1.378,0.65c-0.844,0-1.446-0.592-1.446-1.388
95
+			c0-1.164,1.009-1.766,2.756-1.766v-0.088c0-0.621-0.33-0.932-0.98-0.932c-0.466,0-0.874,0.116-1.232,0.35l-0.213-0.689
96
+			c0.437-0.271,0.98-0.407,1.621-0.407c1.232,0,1.854,0.65,1.854,1.95v1.737c0,0.476,0.02,0.845,0.068,1.126L58.112,13.433
97
+			L58.112,13.433z M57.967,11.084c-1.165,0-1.747,0.281-1.747,0.951c0,0.495,0.301,0.737,0.718,0.737
98
+			c0.534,0,1.029-0.407,1.029-0.961V11.084z"/>
99
+		<path fill="#FFFFFF" d="M61.322,7.94c-0.35,0-0.621-0.272-0.621-0.631s0.281-0.621,0.641-0.621c0.359,0,0.65,0.262,0.641,0.621
100
+			C61.982,7.688,61.71,7.94,61.322,7.94z M61.866,13.433h-1.048V8.716h1.048V13.433z"/>
101
+		<path fill="#FFFFFF" d="M64.775,13.433h-1.048v-6.88h1.048V13.433z"/>
102
+		<path fill="#FFFFFF" d="M69.229,13.433l-0.078-0.544h-0.029c-0.32,0.438-0.786,0.65-1.378,0.65c-0.844,0-1.446-0.592-1.446-1.388
103
+			c0-1.164,1.009-1.766,2.756-1.766v-0.088c0-0.621-0.33-0.932-0.98-0.932c-0.466,0-0.874,0.116-1.232,0.35l-0.213-0.689
104
+			c0.437-0.271,0.98-0.407,1.621-0.407c1.232,0,1.854,0.65,1.854,1.95v1.737c0,0.476,0.02,0.845,0.068,1.126L69.229,13.433
105
+			L69.229,13.433z M69.083,11.084c-1.165,0-1.747,0.281-1.747,0.951c0,0.495,0.301,0.737,0.718,0.737
106
+			c0.534,0,1.029-0.407,1.029-0.961V11.084z"/>
107
+		<path fill="#FFFFFF" d="M74.35,13.54c-0.669,0-1.165-0.281-1.484-0.834h-0.02l-0.059,0.728h-0.893
108
+			c0.029-0.379,0.039-0.806,0.039-1.271v-5.61h1.048v2.854h0.02c0.311-0.524,0.815-0.786,1.504-0.786
109
+			c1.136,0,1.932,0.971,1.932,2.388C76.437,12.472,75.553,13.54,74.35,13.54z M74.136,9.445c-0.602,0-1.155,0.523-1.155,1.252v0.824
110
+			c0,0.65,0.495,1.185,1.135,1.185c0.786,0,1.252-0.641,1.252-1.66C75.369,10.094,74.884,9.445,74.136,9.445z"/>
111
+		<path fill="#FFFFFF" d="M79.034,13.433h-1.048v-6.88h1.048V13.433z"/>
112
+		<path fill="#FFFFFF" d="M84.738,11.328h-3.144c0.019,0.893,0.611,1.397,1.484,1.397c0.466,0,0.895-0.078,1.271-0.224l0.164,0.728
113
+			c-0.445,0.194-0.971,0.291-1.582,0.291c-1.475,0-2.349-0.932-2.349-2.377c0-1.446,0.893-2.533,2.232-2.533
114
+			c1.203,0,1.96,0.893,1.96,2.242C84.777,11.036,84.768,11.201,84.738,11.328z M83.777,10.58c0-0.728-0.368-1.242-1.039-1.242
115
+			c-0.602,0-1.077,0.524-1.145,1.242H83.777z"/>
116
+		<path fill="#FFFFFF" d="M91.091,13.54c-1.378,0-2.271-1.028-2.271-2.426c0-1.456,0.912-2.494,2.349-2.494
117
+			c1.358,0,2.271,0.98,2.271,2.416C93.439,12.511,92.498,13.54,91.091,13.54z M91.13,9.386c-0.757,0-1.241,0.708-1.241,1.698
118
+			c0,0.971,0.494,1.679,1.231,1.679s1.231-0.757,1.231-1.698C92.354,10.104,91.867,9.386,91.13,9.386z"/>
119
+		<path fill="#FFFFFF" d="M99.075,13.433h-1.048v-2.708c0-0.834-0.32-1.252-0.951-1.252c-0.621,0-1.049,0.534-1.049,1.155v2.805
120
+			H94.98v-3.367c0-0.418-0.01-0.864-0.039-1.35h0.922l0.049,0.729h0.029c0.281-0.505,0.854-0.825,1.494-0.825
121
+			c0.989,0,1.64,0.757,1.64,1.989V13.433z"/>
122
+		<path fill="#FFFFFF" d="M106.126,9.502h-1.153v2.291c0,0.582,0.203,0.873,0.61,0.873c0.185,0,0.34-0.02,0.466-0.049l0.029,0.796
123
+			c-0.204,0.078-0.477,0.116-0.814,0.116c-0.826,0-1.32-0.456-1.32-1.649V9.502h-0.688V8.716h0.688V7.853l1.029-0.311v1.174h1.153
124
+			V9.502z"/>
125
+		<path fill="#FFFFFF" d="M111.675,13.433h-1.048v-2.688c0-0.844-0.32-1.271-0.951-1.271c-0.543,0-1.048,0.369-1.048,1.116v2.844
126
+			h-1.048v-6.88h1.048v2.833h0.021c0.33-0.515,0.806-0.767,1.416-0.767c1,0,1.61,0.776,1.61,2.009V13.433z"/>
127
+		<path fill="#FFFFFF" d="M117.068,11.328h-3.146c0.021,0.893,0.611,1.397,1.485,1.397c0.466,0,0.893-0.078,1.271-0.224l0.164,0.728
128
+			c-0.445,0.194-0.97,0.291-1.58,0.291c-1.477,0-2.35-0.932-2.35-2.377c0-1.446,0.893-2.533,2.23-2.533
129
+			c1.205,0,1.961,0.893,1.961,2.242C117.107,11.036,117.098,11.201,117.068,11.328z M116.107,10.58c0-0.728-0.369-1.242-1.039-1.242
130
+			c-0.602,0-1.076,0.524-1.146,1.242H116.107z"/>
131
+	</g>
132
+</g>
133
+</svg>

BIN
web/favicon.png View File


BIN
web/image.png View File


+ 60
- 0
web/index.html View File

@@ -0,0 +1,60 @@
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+    <head>
4
+        <meta charset="utf-8">
5
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+        <meta name="description" content="RedditBar Mac App">
7
+        <meta name="author" content="Thomas Buck">
8
+        <title>RedditBar</title>
9
+        <link rel="shortcut icon" href="favicon.png">
10
+        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
11
+        <link rel="stylesheet" href="style.css">
12
+    </head>
13
+    <body>
14
+        <div class="container">
15
+            <div class="header">
16
+                <ul class="nav nav-pills pull-right">
17
+                    <li><a href="mailto:xythobuz@xythobuz.de">Contact</a></li>
18
+                </ul>
19
+                <h1 class="">RedditBar</h1>
20
+            </div>
21
+            <div class="jumbotron">
22
+                <div id="carousel" class="carousel slide" data-ride="carousel"  data-interval="6000">
23
+                    <ol class="carousel-indicators">
24
+                        <li data-target="#carousel" data-slide-to="0" class="active"></li>
25
+                        <li data-target="#carousel" data-slide-to="1"></li>
26
+                    </ol>
27
+                    <div class="carousel-inner">
28
+                        <div class="item active">
29
+                            <img class="screenshot" src="image.png" alt="RedditBar Screenshot 1">
30
+                        </div>
31
+                        <div class="item">
32
+                            <img class="screenshot" src="prefs.png" alt="RedditBar Preferences Screenshot">
33
+                        </div>
34
+                    </div>
35
+                    <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
36
+                    <a class="right carousel-control" href="#carousel" data-slide="next"></a>
37
+                </div>
38
+                <p class="lead">Quickly open Reddit links and get notified about new PMs, right from your Mac system menu bar.</p>
39
+                <p><a href="#"><img src="badge.svg" alt="App Store Badge"></a></p>
40
+                <p class="small text-muted">Requires Mac OS X 10.8 or newer</p>
41
+            </div>
42
+            <div class="row marketing">
43
+                <div class="col-lg-6">
44
+                    <h4>Full control</h4>
45
+                    <p>View links from your Frontpage or only show specific subreddits. You can also specify how many links you want to see at once.</p>
46
+                </div>
47
+                <div class="col-lg-6">
48
+                    <h4>Orangered</h4>
49
+                    <p>Get notified about new PMs or replies to your posts and comments. The refresh interval is configurable!</p>
50
+                </div>
51
+            </div>
52
+            <div class="footer">
53
+                <p>&copy; 2013 Thomas Buck</p>
54
+            </div>
55
+        </div>
56
+    <img src="//xythobuz.de/stats/count.php?img" alt="Analytics">
57
+    <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
58
+    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
59
+    </body>
60
+</html>

BIN
web/prefs.png View File


+ 89
- 0
web/style.css View File

@@ -0,0 +1,89 @@
1
+body {
2
+    padding-top: 20px;
3
+    padding-bottom: 20px;
4
+}
5
+
6
+.header,
7
+.marketing,
8
+.footer {
9
+    padding-left: 15px;
10
+    padding-right: 15px;
11
+}
12
+
13
+.header {
14
+    border-bottom: 1px solid #e5e5e5;
15
+}
16
+
17
+.header h1 {
18
+    margin-top: 0;
19
+    margin-bottom: 0;
20
+    line-height: 40px;
21
+    padding-bottom: 19px;
22
+}
23
+
24
+.footer {
25
+    padding-top: 19px;
26
+    color: #777;
27
+    border-top: 1px solid #e5e5e5;
28
+}
29
+
30
+@media (min-width: 768px) {
31
+    .container {
32
+        max-width: 730px;
33
+    }
34
+}
35
+
36
+.container-narrow > hr {
37
+    margin: 30px 0;
38
+}
39
+
40
+.jumbotron {
41
+    text-align: center;
42
+    border-bottom: 1px solid #e5e5e5;
43
+}
44
+
45
+.jumbotron .btn {
46
+    font-size: 21px;
47
+    padding: 14px 24px;
48
+}
49
+
50
+.marketing {
51
+    margin: 40px 0;
52
+}
53
+
54
+.marketing p + h4 {
55
+    margin-top: 28px;
56
+}
57
+
58
+@media screen and (min-width: 768px) {
59
+    .header,
60
+    .marketing,
61
+    .footer {
62
+        padding-left: 0;
63
+        padding-right: 0;
64
+    }
65
+
66
+    .header {
67
+        margin-bottom: 30px;
68
+    }
69
+
70
+    .jumbotron {
71
+        border-bottom: 0;
72
+    }
73
+}
74
+
75
+.carousel-indicators li {
76
+  background-color: #999;
77
+  background-color: rgba(70,70,70,.25);
78
+  border-color: #999
79
+}
80
+
81
+.carousel-indicators .active {
82
+  background-color: #444;
83
+}
84
+
85
+.screenshot {
86
+    margin-left: auto;
87
+    margin-right: auto;
88
+    max-height: 360px;
89
+}

Loading…
Cancel
Save