WordPress.org
Get WordPress

Making WordPress.org

Ticket #53: index.html

File index.html, 17.6 KB (added by cyberchimps, 11 years ago)

Test index file that cyberchimps has been using to test the style

Line 
1<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
2<head profile="http://gmpg.org/xfn/11">
3    <meta charset="utf-8">
4    <!--
5    <meta property="fb:page_id" content="6427302910" />
6    -->
7    <link href="https://plus.google.com/107188080561309681193" rel="publisher">
8    <meta name="google-site-verification" content="7VWES_-rcHBcmaQis9mSYamPfNwE03f4vyTj4pfuAw0">
9    <title>WordPress › Blog Tool, Publishing Platform, and CMS</title>
10    <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic" rel="stylesheet"
11          type="text/css">
12    <link rel="stylesheet" href="wp4.css?42">
13    <link media="only screen and (max-device-width: 480px)" href="iphone.css?1" type="text/css" rel="stylesheet">
14    <link rel="shortcut icon" href="http://s.wordpress.org/favicon.ico?3" type="image/x-icon">
15    <meta name="apple-itunes-app" content="app-id=335703880">
16    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
17    <script type="text/javascript" src="http://wordpress.org.dev/js/wp.js"></script>
18    <script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
19    <script type="text/javascript">
20        var _gaq = _gaq || [];
21        _gaq.push(['_setAccount', 'UA-52447-1']);
22        _gaq.push(['_setDomainName', 'wordpress.org']);
23        _gaq.push(['_trackPageview']);
24        (function () {
25            var ga = document.createElement('script');
26            ga.type = 'text/javascript';
27            ga.async = true;
28            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
29            var s = document.getElementsByTagName('script')[0];
30            s.parentNode.insertBefore(ga, s);
31        })();
32        function recordOutboundLink(link, category, action) {
33            _gaq.push(['_trackEvent', category, action])
34            setTimeout('document.location = "' + link.href + '"', 100);
35        }
36    </script>
37   
38    <!-- CYBERCHIMPS georgestephanis responsive menu script start -->
39    <script>
40        var toggleMenu = function(){
41            var m = document.getElementById('wporg-header-menu'),
42                    c = m.className;
43            m.className = c.match( ' active' ) ? c.replace( ' active', '' ) : c + ' active';
44        }
45    </script>
46    <!-- CYBERCHIMPS georgestephanis responsive menu script end -->
47   
48   
49    <!--[if lte IE 8]>
50    <style type="text/css">
51        @import url("ie.css?2");
52    </style>
53    <![endif]-->
54    <link rel="alternate" type="application/rss+xml" title="WordPress Blog RSS" href="http://wordpress.org/news/feed/">
55    <script type="text/javascript" src="http://s.wordpress.org/wp-includes/js/jquery/jquery.js"></script>
56    <script>document.cookie = 'devicePixelRatio=' + ((window.devicePixelRatio === undefined) ? 1 : window.devicePixelRatio) + '; path=/';</script>
57    <meta name="chromesniffer" id="chromesniffer_meta" content="{&quot;Google Analytics&quot;:-1,&quot;Quantcast&quot;:-1,&quot;jQuery&quot;:&quot;1.10.1&quot;}">
58    <script type="text/javascript" src="chrome-extension://homgcnaoacgigpkkljjjekpignblkeae/detector.js"></script>
59    <style>[touch-action="none"] {
60        -ms-touch-action: none;
61        touch-action: none;
62    }
63
64    [touch-action="pan-x"] {
65        -ms-touch-action: pan-x;
66        touch-action: pan-x;
67    }
68
69    [touch-action="pan-y"] {
70        -ms-touch-action: pan-y;
71        touch-action: pan-y;
72    }
73
74    [touch-action="scroll"], [touch-action="pan-x pan-y"], [touch-action="pan-y pan-x"] {
75        -ms-touch-action: pan-x pan-y;
76        touch-action: pan-x pan-y;
77    }</style>
78</head>
79
80<body id="wordpress-org" style="" cz-shortcut-listen="true">
81<div id="wporg-header">
82    <div class="wrapper">
83   
84   
85        <!-- CYBERCHIMPS responsive menu button start -->
86        <a id="mobile-menu-button" class="" href="#" onclick="toggleMenu()"></a>
87        <!-- CYBERCHIMPS responsive menu button end -->
88       
89
90        <h1><a href="//wordpress.org">WordPress.org</a></h1>
91
92        <div id="head-search">
93            <form action="http://wordpress.org/search/do-search.php" method="get">
94                <input class="text" name="search" type="text" value="" maxlength="150" placeholder="Search WordPress.org"> <input type="submit" class="button" value="">
95            </form>
96        </div>
97        <div style="clear:both"></div>
98       
99        <!-- CYBERCHIMPS responsive menu ID start -->
100        <ul id="wporg-header-menu">
101        <!-- CYBERCHIMPS responsive menu ID end -->
102       
103            <li><a href="http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li>
104            <li><a href="http://wordpress.org/themes/" title="Find just the right look for your website.">Themes</a></li>
105            <li><a href="http://wordpress.org/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine.">Plugins</a></li>
106            <li><a href="http://wordpress.org/mobile/" title="Take your website on the go!">Mobile</a></li>
107            <li><a href="http://wordpress.org/support/" title="Forums, documentation, help.">Support</a>
108                <ul class="nav-submenu">
109                    <li><a href="http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li>
110                    <li><a href="http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Documentation</a></li>
111                </ul>
112                <div class="uparrow"></div>
113            </li>
114            <li><a href="http://make.wordpress.org/" title="Contribute your knowledge.">Get Involved</a>
115                <ul class="nav-submenu">
116                    <li><a href="http://make.wordpress.org/core/" title="Write the code.">Core</a></li>
117                    <li><a href="http://make.wordpress.org/ui/" title="Improve the interface.">UI</a></li>
118                    <li><a href="http://make.wordpress.org/accessibility/" title="Create a better experience.">Accessibility</a></li>
119                    <li><a href="http://make.wordpress.org/plugins/" title="Extend the system.">Plugins</a></li>
120                    <li><a href="http://make.wordpress.org/themes/" title="Beautify the web.">Themes</a></li>
121                    <li><a href="http://make.wordpress.org/support/" title="Help the users.">Support</a></li>
122                    <li><a href="http://make.wordpress.org/polyglots/" title="Translate for the world.">Polyglots</a></li>
123                    <li><a href="http://make.wordpress.org/mobile/" title="On the go.">Mobile</a></li>
124                </ul>
125                <div class="uparrow"></div>
126            </li>
127            <li><a href="http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a></li>
128            <li><a href="http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a></li>
129            <li><a href="http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a></li>
130            <li id="download" class="button download-button"><a href="http://wordpress.org/download/" title="Get it. Got it? Good.">Download WordPress</a></li>
131        </ul>
132        <div style="clear:both"></div>
133    </div>
134</div>
135
136
137<!-- CYBERCHIMPS download button hidden on larger displays start -->
138<div id="download-mobile">
139    <div class="wrapper">
140        <span class="download-ready">Ready to get started?</span><a class="button download-button" href="http://wordpress.org/download/" title="Get it. Got it? Good.">Download WordPress</a>
141    </div>
142</div>
143<!-- CYBERCHIMPS download button hidden on larger displays end -->
144
145<!-- feed is cached -->
146
147<div id="home-welcome" style="padding-bottom: 14px;">
148    <div class="wrapper">
149        <img alt="" class="screenshot" src="http://s.wordpress.org/screenshots/3.5/ss2-media.png?1" width="466" height="303">
150
151        <p class="intro"><strong>WordPress</strong> is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the&nbsp;same&nbsp;time.
152        </p>
153
154        <p>The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of <a href="/plugins/">plugins</a> and <a href="/themes/">themes</a>
155            available to transform your site into almost <a href="/showcase/">anything you can imagine</a>. Over 60 million people have chosen WordPress to power the place on the web they call “home”
156            — we’d love you to join the family.</p>
157
158        <p>Ready to get started? <a class="button download-button button-large" href="/download/">Download&nbsp;WordPress&nbsp;3.6.1</a></p>
159    </div>
160</div>
161<div id="lang-guess-wrap"></div>
162
163<div id="home-below">
164    <div class="wrapper">
165        <div class="col-2">
166
167
168            <h4>Premium&nbsp;Themes</h4>
169            <h5 style="text-align: center;">100% GPL</h5>
170
171            <div>
172                <a href="http://www.mojo-themes.com/" title="Mojo Themes" class="image"><img src="http://s.wordpress.org/images/thememarkets/mojo-banner.jpg" width="130" height="200"
173                                                                                             alt="Mojo Themes"></a></div>
174
175        </div>
176
177        <div class="col-4">
178            <h4><a href="/news/">News From Our Blog</a></h4>
179
180            <h5><a href="http://wordpress.org/news/2013/10/wordpress-3-7-beta-2/">WordPress 3.7 Beta 2</a></h5>
181
182            <p>WordPress 3.7 Beta 2 is now available for download and testing.&nbsp;This is software still in development, so we&nbsp;don’t recommend that you run it on a production site. This has
183                been a quiet beta period. We’re hoping to get some more testers for automatic background updates, which will occur for security and minor releases (like updating […]</p>
184        </div>
185
186        <div class="col-4">
187            <h4>It’s Easy&nbsp;As…</h4>
188
189            <ol class="steps">
190                <li class="one"><span></span><a href="/hosting/">Find a Web Host</a> and get great hosting while supporting WordPress at the same&nbsp;time.</li>
191                <li class="two"><span></span><a href="/download/">Download &amp; Install WordPress</a> with our famous 5-minute&nbsp;installation. Feel like a rock star.</li>
192                <li class="three"><span></span><a href="http://codex.wordpress.org/Main_Page">Read the Documentation</a> and become a WordPress expert yourself, impress your friends.</li>
193            </ol>
194        </div>
195
196        <div class="col-2">
197            <h4><a href="/showcase/">WordPress&nbsp;Users</a></h4>
198            <ul id="notable-users">
199                <li><a href="http://wordpress.org/showcase/number10govuk/"><img src="http://s.wordpress.org/images/notableusers/10downingst-2x.png" alt="10downingst" width="130" height="57"></a></li>
200                <li><a href="http://wordpress.org/showcase/ebay-ink/"><img src="http://s.wordpress.org/images/notableusers/ebay-2x.png" alt="ebay" width="130" height="57"></a></li>
201                <li><a href="http://wordpress.org/showcase/themarthablog/"><img src="http://s.wordpress.org/images/notableusers/marthastewart-2x.png" alt="marthastewart" width="130" height="57"></a>
202                </li>
203            </ul>
204            <p id="showcase-link"><a href="/showcase/">… and hundreds more</a></p>
205        </div>
206    </div>
207</div>
208
209<div id="wporg-footer">
210    <div class="wrapper">
211        <ul>
212            <li><a href="http://wordpress.org/about/" title="An introduction to the WordPress project">About</a></li>
213            <li><a href="http://wordpress.org/news/" title="News and Updates">Blog</a></li>
214            <li><a href="http://wordpress.org/hosting/" title="Recommended web hosting providers">Hosting</a></li>
215            <li><a href="http://jobs.wordpress.net/" title="Find or post WordPress jobs">Jobs</a></li>
216        </ul>
217
218        <ul>
219            <li><a href="http://wordpress.org/support/" title="Forums, documentation, and other resources">Support</a></li>
220            <li><a href="http://make.wordpress.org/" title="Give back to WordPress through code, support, translation and more">Get Involved</a></li>
221            <li><a href="http://learn.wordpress.org/" title="Workshops and training materials">Learn</a></li>
222        </ul>
223
224        <ul>
225            <li><a href="http://wordpress.org/showcase/" title="Some of the best WordPress sites on the Web">Showcase</a></li>
226            <li><a href="http://wordpress.org/plugins/" title="Add extra functionality to WordPress">Plugins</a></li>
227            <li><a href="http://wordpress.org/themes/" title="Make your WordPress pretty">Themes</a></li>
228            <li><a href="http://wordpress.org/ideas/" title="Share your ideas for improving WordPress">Ideas</a></li>
229        </ul>
230
231        <ul>
232            <li><a href="http://central.wordcamp.org/" title="Find a WordPress event near you">WordCamp</a></li>
233            <li><a href="http://wordpress.tv/" title="Videos, tutorials, and WordCamp sessions">WordPress.TV</a></li>
234            <li><a href="http://buddypress.org/" title="A set of plugins to transform your WordPress into a social network">BuddyPress</a></li>
235            <li><a href="http://bbpress.org/" title="Fast, slick forums built on WordPress">bbPress</a></li>
236        </ul>
237
238        <ul>
239            <li><a href="http://wordpress.com/?ref=wporg-footer" title="Hassle-free WordPress hosting">WordPress.com</a></li>
240            <li><a href="http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a></li>
241            <li><a href="http://wordpress.org/about/privacy/" title="WordPress.org Privacy Policy">Privacy</a></li>
242            <li><a href="http://wordpress.org/about/license/" title="WordPress is open source software">License / GPLv2</a></li>
243        </ul>
244
245        <ul>
246            <li>
247                <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&amp;show_count=false"
248                        style="width:135px; height:20px;"></iframe>
249            </li>
250            <li>
251                <iframe src="//www.facebook.com/plugins/like.php?app_id=121415197926116&amp;href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&amp;send=false&amp;layout=button_count&amp;width=135&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=21"
252                        scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:135px; height:21px;" allowtransparency="true"></iframe>
253            </li>
254        </ul>
255    </div>
256
257    <h6 class="aligncenter">Code is Poetry</h6>
258</div>
259
260<script type="text/javascript">
261    (function ($) {
262        $.ajax({
263            url: '/lang-guess/lang-guess-ajax.php?uri=%2F',
264            dataType: 'html'
265        }).done(function (data) {
266                    if (!data) return;
267                    $(document).ready(function () {
268                        $('#lang-guess-wrap').html(data);
269                    });
270                });
271    })(jQuery);
272</script>
273
274<script type="text/javascript">_qoptions = {qacct: "p-18-mFEk4J448M"};</script>
275<script type="text/javascript" src="//edge.quantserve.com/quant.js"></script>
276<noscript>&lt;img src="//pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/&gt;</noscript>
277<!--  -->
278<script type="text/javascript" src="//gravatar.com/js/gprofiles.js"></script>
279
280<script type="text/javascript">
281    (function ($) {
282        $(document).ready(function () {
283            $('#footer a').click(function () {
284                if (this.href.indexOf('wordpress.org') == -1 && this.href.indexOf('http') == 0) {
285                    recordOutboundLink(this, 'Outbound Links', this.href);
286                    return false;
287                }
288            });
289            $('#download a, .download-button a').click(function () {
290                recordOutboundLink(this, 'Download Links', $(this).hasClass('download-button') ? 'button' : 'nav');
291                return false;
292            });
293        });
294    })(jQuery);
295</script>
296
297
298<div id="window-resizer-tooltip" style="display: none;"><a href="#" title="Edit settings"
299                                                           style="background-image: url(chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/images/icon_19.png);"></a><span class="tooltipTitle">Window size: </span><span
300        class="tooltipWidth" id="winWidth">1369</span> x <span class="tooltipHeight" id="winHeight">1330</span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth"
301                                                                                                                                                                          id="vpWidth">1369</span> x
302    <span class="tooltipHeight" id="vpHeight">829</span></div>
303<script id="hiddenlpsubmitdiv" style="display: none;"></script>
304<script>try {
305    for (var lastpass_iter = 0; lastpass_iter < document.forms.length; lastpass_iter++) {
306        var lastpass_f = document.forms[lastpass_iter];
307        if (typeof(lastpass_f.lpsubmitorig2) == "undefined") {
308            lastpass_f.lpsubmitorig2 = lastpass_f.submit;
309            lastpass_f.submit = function () {
310                var form = this;
311                var customEvent = document.createEvent("Event");
312                customEvent.initEvent("lpCustomEvent", true, true);
313                var d = document.getElementById("hiddenlpsubmitdiv");
314                for (var i = 0; i < document.forms.length; i++) {
315                    if (document.forms[i] == form) {
316                        d.innerText = i;
317                    }
318                }
319                d.dispatchEvent(customEvent);
320                form.lpsubmitorig2();
321            }
322        }
323    }
324} catch (e) {
325}</script>
326</body>
327</html>