forked from JamBrain/JamBrain
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain-ld.php
168 lines (156 loc) · 11.5 KB
/
main-ld.php
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<?php
@include __DIR__."/../../.output/git-version.php";
if ( !defined('GIT_VERSION') ) {
echo "<h1>Update in progress</h1><p>Please check back in a few minutes.</p>";
die();
}
// TODO: Figure out if this is the live server or not //
define( 'USE_MINIFIED', isset($_GET['debug']) ? '' : '.min' );
define( 'VERSION_STRING', defined('GIT_VERSION') ? 'v='.GIT_VERSION : '' );
const STATIC_DOMAINS = [
'jammer.work' => 'static.jammer.work',
'jammer.dev' => 'static.jam.dev',
];
define( 'STATIC_DOMAIN', array_key_exists( $_SERVER['SERVER_NAME'], STATIC_DOMAINS ) ? STATIC_DOMAINS[$_SERVER['SERVER_NAME']] : 'static.jam.vg' );
define( 'LINK_SUFFIX', isset($_GET['nopush']) ? '; nopush' : '' );
define( 'JS_FILE', "/-/all".USE_MINIFIED.".js?".VERSION_STRING );
define( 'CSS_FILE', "/-/all".USE_MINIFIED.".css?".VERSION_STRING );
define( 'SVG_FILE', "/-/all".USE_MINIFIED.".svg?".VERSION_STRING );
//define( 'FONT_FILE', "//fonts.googleapis.com/css?family=Lato:300,300italic,700,700italic|Crimson+Text:400italic" );
define( 'FONT_FILE', "//fonts.googleapis.com/css?family=Raleway|Lato:300,300italic,700,700italic" );
if ( !isset($_GET['nopreload']) ) {
header( "Link: <".JS_FILE.">; rel=preload; as=script".LINK_SUFFIX, false );
header( "Link: <".CSS_FILE.">; rel=preload; as=style".LINK_SUFFIX, false );
header( "Link: <".SVG_FILE.">; rel=preload".LINK_SUFFIX, false );
header( "Link: <".FONT_FILE.">; rel=preload; as=style", false );
}
//header("Link: </blah">; rel=canonical"); // https://yoast.com/rel-canonical/
//TODO: Determine page, and populate title and meta tags before continuing //
function SVGIcon( $name ) {
return '<svg class="svg-icon icon-'.$name.'"><use xlink:href="#icon-'.$name.'"></use></svg>';
}
?><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="<?=FONT_FILE?>" type="text/css">
<link rel="stylesheet" href="<?=CSS_FILE?>" type="text/css">
</head>
<body>
<script>
// PHP Variables to JS //
var VERSION_STRING = "<?=VERSION_STRING?>";
var STATIC_DOMAIN = "<?=STATIC_DOMAIN?>";
<?php include __DIR__."/../embed/preload-svg.js.php"; ?>
</script>
<div id="layout">
<div id="content">
<div class="item post">
<div class="header">
<div class="avatar"><img src="//<?=STATIC_DOMAIN?>/other/logo/mike/Chicken64W.png"></div>
<div class="title">Interesting title of thing that's interesting</div>
<div class="subtext">Posted 7 hours ago on January 14th, by <strong>PoV</strong> (<?= SVGIcon("twitter")?> <a href="http://twitter.com/mikekasprzak">mikekasprzak</a>) of <em>Team Fishbowl</em> <?= SVGIcon("users")?></div>
</div>
<div class="body">
<p class="_unmargin-top">Hello. <strong>Something</strong> is going to happen.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc bibendum risus in lectus rutrum, sed dictum nisi rhoncus. Duis a tortor dictum, imperdiet erat vitae, bibendum ante. Praesent a neque luctus, vehicula magna at, suscipit eros. Ut vitae odio ex. Morbi fermentum diam at purus venenatis posuere. Aenean faucibus mollis nisl, eget faucibus lacus venenatis eu. Etiam a dui vel nisi cursus dictum. Mauris nec vestibulum turpis, sed faucibus libero. Quisque eget nulla quis velit molestie semper. Integer non ipsum nisi. Vivamus eget libero eu sapien sollicitudin cursus.</p>
<div class="twitter-box">
<div>Sed mattis lectus sed lobortis eleifend. Donec nec posuere lorem, sed feugiat quam. Nulla vitae odio at justo vehicula vehicula vitae sed magna. Aenean risus nisi, gravida non placerat quis, tincidunt a mauris. Nulla sagittis aliquet felis non posuere. Curabitur dapibus felis vel sem facilisis, at pretium justo sodales. Nunc malesuada, elit vel iaculis dignissim, urna dolor feugiat purus, tincidunt euismod sapien sapien ac magna. Pellentesque vel gravida ex.</div>
</div>
<p>Nullam at sagittis metus, et fermentum mi. Vestibulum ornare a dui sed cursus. Nulla facilisi. Nunc viverra nisl eleifend mi lacinia, tristique fringilla ipsum tincidunt. Pellentesque porttitor metus dolor, eu sodales nibh venenatis eget. Nunc luctus enim neque, nec dignissim orci dictum et. Quisque sagittis vitae eros faucibus hendrerit. Donec suscipit augue neque, in pulvinar enim sodales at. In sagittis lacus at erat gravida elementum. Ut semper dui id nisi finibus, non accumsan libero consectetur. In nunc turpis, blandit sed ex in, cursus ultricies urna. Etiam ultricies auctor felis, ac iaculis ligula accumsan ornare. Fusce vehicula quam mi, in malesuada velit cursus quis. Nunc ac dolor ut purus pulvinar maximus. Aliquam quis mi auctor, maximus turpis eget, faucibus neque. Proin ut odio vel metus hendrerit laoreet.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed interdum venenatis nunc, mattis interdum turpis tincidunt eget. Suspendisse turpis dolor, lacinia et leo id, feugiat fermentum ligula. Aenean at nulla eget ipsum commodo consequat vel et est. Proin laoreet mollis aliquam. Nullam in pulvinar nunc. Donec tempor dapibus odio, sollicitudin ultrices nisi fermentum eu. Proin semper turpis vel pharetra convallis. Nulla vestibulum mi libero, a tristique lorem ullamcorper consectetur. Nullam non dolor rhoncus lectus lacinia ultricies. Sed egestas libero quis tincidunt eleifend. Nullam a metus ac elit iaculis ullamcorper sed id nisl. Vestibulum facilisis non diam ut commodo. Sed eget eleifend elit.</p>
<p class="_unmargin-bottom">Pellentesque et arcu tempor, sagittis ipsum in, iaculis velit. Etiam laoreet erat luctus, suscipit mauris eu, egestas nulla. In vulputate tempor vulputate. Pellentesque dignissim, urna non iaculis consequat, nisi magna tincidunt eros, et interdum ligula dui eget est. Praesent a lacus quis odio consequat suscipit. Vivamus vitae ligula et velit laoreet euismod id non nulla. Etiam sollicitudin dui at nibh tristique ullamcorper. Mauris est nibh, semper vitae est eu, elementum tincidunt elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque tempus ut nunc sit amet hendrerit. Nunc nec mattis diam, at rutrum eros. Donec finibus nisi vel nisi molestie, eu ornare justo rhoncus. Nam rutrum lacus quis est malesuada, sit amet pretium erat euismod. Nunc efficitur convallis leo id efficitur. Suspendisse potenti. Pellentesque euismod nulla vel purus interdum vestibulum.</p>
</div>
<div class="footer">
<div class="left">
<div class="minmax"><?= SVGIcon("arrow-up")?></div>
<div class="edge"><?= SVGIcon("wedge-left")?></div>
</div>
<div class="right">
<div class="edge"><?= SVGIcon("wedge-right")?></div>
<div class="heart"><?= SVGIcon("heart")?></div>
<div class="heart-count">151</div>
<div class="spacer"><?= SVGIcon("wedge-right")?></div>
<div class="comment"><?= SVGIcon("bubbles")?></div>
<div class="comment-count">204</div>
<div class="spacer2"><?= SVGIcon("wedge-right")?></div>
<div class="gear"><?= SVGIcon("cog")?></div>
</div>
</div>
</div>
<div class="item post">
<div class="header">
<div class="avatar"><img src="//<?=STATIC_DOMAIN?>/other/logo/mike/Chicken64W.png"></div>
<div class="title">Less interesting, but formidible</div>
<div class="subtext">Posted 4 days ago on January 11th, by <strong>PoV</strong> (<?= SVGIcon("twitter")?> <a href="http://twitter.com/mikekasprzak">mikekasprzak</a>) of <em>Team Fishbowl</em> <?= SVGIcon("users")?></div>
</div>
<div class="body">
<p class="_unmargin-bottom">Pellentesque et arcu tempor, sagittis ipsum in, iaculis velit. Etiam laoreet erat luctus, suscipit mauris eu, egestas nulla. In vulputate tempor vulputate. Pellentesque dignissim, urna non iaculis consequat, nisi magna tincidunt eros, et interdum ligula dui eget est. Praesent a lacus quis odio consequat suscipit. Vivamus vitae ligula et velit laoreet euismod id non nulla. Etiam sollicitudin dui at nibh tristique ullamcorper. Mauris est nibh, semper vitae est eu, elementum tincidunt elit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque tempus ut nunc sit amet hendrerit. Nunc nec mattis diam, at rutrum eros. Donec finibus nisi vel nisi molestie, eu ornare justo rhoncus. Nam rutrum lacus quis est malesuada, sit amet pretium erat euismod. Nunc efficitur convallis leo id efficitur. Suspendisse potenti. Pellentesque euismod nulla vel purus interdum vestibulum.</p>
</div>
<div class="footer">
<div class="left">
<div class="minmax"><?= SVGIcon("arrow-up")?></div>
<div class="edge"><?= SVGIcon("wedge-left")?></div>
</div>
<div class="right">
<div class="edge"><?= SVGIcon("wedge-right")?></div>
<div class="heart"><?= SVGIcon("heart")?></div>
<div class="heart-count">2</div>
<div class="spacer"><?= SVGIcon("wedge-right")?></div>
<div class="comment"><?= SVGIcon("bubbles")?></div>
<div class="comment-count">0</div>
<div class="spacer2"><?= SVGIcon("wedge-right")?></div>
<div class="gear"><?= SVGIcon("cog")?></div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div class="calender">
<div class="grid">
<div class="week">
<div>7</div><div>8</div><div>9</div><div>10</div><div>11</div><div class="selected">12</div><div>13</div>
</div>
<div class="week">
<div>14</div><div>15</div><div>16</div><div>17</div><div>18</div><div>19</div><div>20</div>
</div>
<div class="week">
<div>21</div><div>22</div><div>23</div><div>24</div><div>25</div><div class="event">26</div><div class="event">27</div>
</div>
</div>
</div>
<div class="shortlist upcoming">
<div class="title"><?= SVGIcon("calendar")?> Coming Up</div>
<div><strong>August 26th</strong> - Event Name <?= SVGIcon("trophy")?></div>
<div><strong>September 4th</strong> - Event Name</div>
<div><strong>October 11th</strong> - Event Name</div>
<div class="footer">Full Schedule</div>
</div>
<div class="tv">
<div class="active">
<div class="img"><img src="https://static-cdn.jtvnw.net/previews-ttv/live_user_esl_sc2-320x180.jpg"></div>
<div class="live"><?= SVGIcon("circle")?> <span>LIVE</span></div>
<div class="play"><?= SVGIcon("play")?></div>
</div>
<div class="detail"><?= SVGIcon("twitch")?> Doing Stuff! #GameDev</div>
<div class="browse">
<div class="selected"><div><img src="https://static-cdn.jtvnw.net/previews-ttv/live_user_esl_sc2-320x180.jpg"></div></div>
<div><div><img src="https://static-cdn.jtvnw.net/previews-ttv/live_user_esl_dota2-320x180.jpg"></div></div>
<div><div><img src="https://static-cdn.jtvnw.net/previews-ttv/live_user_esl_csgo-320x180.jpg"></div></div>
</div>
</div>
<div class="shortlist trending">
<div class="title"><?= SVGIcon("fire")?> Live and Trending</div>
<div><strong>#LDJAM</strong> <?= SVGIcon("trophy")?></div>
<div><strong>#BaconJAM</strong></div>
<div class="footer">More Jams</div>
</div>
<div>
<p class="_unmargin-bottom">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc bibendum risus in lectus rutrum, sed dictum nisi rhoncus. Duis a tortor dictum, imperdiet erat vitae, bibendum ante. Praesent a neque luctus, vehicula magna at, suscipit eros. Ut vitae odio ex. Morbi fermentum diam at purus venenatis posuere. Aenean faucibus mollis nisl, eget faucibus lacus venenatis eu. Etiam a dui vel nisi cursus dictum. Mauris nec vestibulum turpis, sed faucibus libero. Quisque eget nulla quis velit molestie semper. Integer non ipsum nisi. Vivamus eget libero eu sapien sollicitudin cursus.</p>
</div>
</div>
</div>
<div id="footer">Footer</div>
<script src="<?=JS_FILE?>"></script>
</body>
</html>