/
index.php
167 lines (113 loc) · 5.2 KB
/
index.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
<?php
if (isset($_GET["prop"])) {
$prop = $_GET["prop"];
} else {
$prop = "feature-default";
}
echo $qs;
$proptitlestr = str_replace("feature-", "", $prop);
?><!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CSS3 Click Chart | CSS3 Browser Support and Information</title>
<meta name="description" content="CSS3 Click Chart">
<meta name="author" content="Louis Lazaris">
<!-- Remove these two references once the files are in root with these file names -->
<link rel="shortcut icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/styles.css?v=1.5.9.6">
<script src="js/modernizr-2.5.3.min.js"></script>
<script type="text/javascript">
function recordOutboundLink(link, category, action) {
try {
var myTracker=_gat._getTrackerByName();
_gaq.push(['myTracker._trackEvent', ' + category + ', ' + action + ']);
setTimeout('document.location = "' + link.href + '"', 100)
}catch(err){}
}
</script>
</head>
<body>
<header>
<div class="header-inside globalwidth">
<h1><a href="http://css3clickchart.com" class="title-link">CSS3 Click Chart</a></h1>
<ul class="viewnav">
<li class="btncommon"><a href="?view=common" class="selected">common stuff</a></li>
<li class="btnedge"><a href="?view=edge">cutting-edge</a></li>
</ul>
</div><!-- .header-inside -->
</header>
<div class="propsnav globalwidth">
<ul id="commonlist" class="featureslist">
<?php include "includes/common.php"; ?>
</ul>
<ul id="edgelist" class="featureslist">
<?php include "includes/edge.php"; ?>
</ul>
</div><!-- .propsnav -->
<a href="http://www.impressivewebs.com?src=cc" class="midlink globalwidth" rel="nofollow">
<p>The CSS3 Click Chart is brought to you by <span>Impressive Webs</span>.</p>
</a>
<div class="globalwidth">
<div id="description" class="desc">
<h2><?php include "includes/features/" . $proptitlestr . "/title.php"; ?></h2>
<p><?php include "includes/features/" . $proptitlestr . "/description.php"; ?></p>
</div><!-- #description -->
<div id="info" class="spec ext">
<h2>Specification</h2>
<p><?php include "includes/features/" . $proptitlestr . "/technical.php"; ?></p>
</div><!-- #info -->
<?php //$handle = fopen("includes/features/" . str_replace("feature-", "", $view) . "/title.php", 'w') or die('Cannot open file: '.$view . ".php"); ?>
<?php //mkdir("includes/features/" . str_replace("feature-", "", $view), 0700); ?>
</div><!-- .globalwidth -->
<div class="globalwidth ed">
<h2>Example Code</h2>
<!--[if gt IE 9 | !(IE)]><!--><textarea id="code" class="code" readonly><?php include "includes/features/" . $proptitlestr . "/code.php"; ?>
</textarea><!--<![endif]-->
<!--[if lte IE 9 ]><pre id="code" class="code"><?php include "includes/features/" . $proptitlestr . "/code.php"; ?></pre><![endif]-->
</div><!-- .ed -->
<div class="globalwidth">
<div class="demo-left">
<h2>Live Demonstration</h2>
<div id="result" class="result ext"><?php include "includes/features/" . $proptitlestr . "/result.php"; ?></div><!-- #result -->
</div><!-- .demo-left -->
<div class="demo-right">
<h2>Desktop Browser Support</h2>
<div id="support" class="support"><?php include "includes/features/" . $proptitlestr . "/support.php"; ?></div><!-- #support -->
</div><!-- .demo-right -->
</div>
<div class="globalwidth infoboxes ext">
<div id="polyfills" class="polyfills">
<h2>Tools / Polyfills</h2>
<p><?php include "includes/features/" . $proptitlestr . "/polyfills.php"; ?></p>
</div><!-- #polyfills -->
<div id="tutorials" class="tutorials">
<h2>Tutorials / Articles</h2>
<p><?php include "includes/features/" . $proptitlestr . "/tutorials.php"; ?></p>
</div><!-- #tutorials -->
</div><!-- .infoboxes -->
<footer>
<div class="globalwidth">
<p>Fork the project or offer suggestions for improvements <a href="https://github.com/impressivewebs/CSS3-Click-Chart">on the GitHub page</a></p>
<p class="cr">Copyright © 2011 by <!--<a href="http://www.impressivewebs.com">-->Louis Lazaris<!--</a>--> | <a href="http://twitter.com/ImpressiveWebs">Follow me on Twitter</a> | <a href="http://www.iconshock.com/html5-icons/">HTML5 icons by Icon Shock</a></p>
</div><!-- .footer-inside -->
</footer>
<a href="https://github.com/impressivewebs/CSS3-Click-Chart"><img class="github-ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script src="js/general.js?ver=1.4.2"></script>
<script>
var _gaq = [['_setAccount', 'UA-1965499-10'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
</script>
</body>
</html>