diff options
Diffstat (limited to 'examples/tyrian.html')
| -rw-r--r-- | examples/tyrian.html | 132 |
1 files changed, 64 insertions, 68 deletions
diff --git a/examples/tyrian.html b/examples/tyrian.html index 2c1df5d..1854b82 100644 --- a/examples/tyrian.html +++ b/examples/tyrian.html @@ -6,75 +6,69 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#54487a"> <meta name="description" content=""> - <link href="../dist/bootstrap.css" rel="stylesheet" media="screen"> - <link href="../dist/tyrian.css" rel="stylesheet" media="screen"> + <link href="../../assets/v2/tyrian.css" rel="stylesheet" media="screen"> </head> <body> <header> <div class="site-title"> <div class="container"> - <div class="row"> + <div class="row justify-content-between"> + <div class="logo"> + <a href="/" title="Back to the homepage" class="site-logo"> + <object data="../../assets/v2/site-logo.svg" type="image/svg+xml"> + <img src="../../assets/v2/site-logo.png" alt="Gentoo Linux Logo"> + </object> + </a> + <span class="site-label">Site Title</span> + </div> <div class="site-title-buttons"> <div class="btn-group btn-group-sm"> <a href="https://get.gentoo.org/" role="button" class="btn get-gentoo"><span class="fa fa-fw fa-download"></span> <strong>Get Gentoo!</strong></a> <div class="btn-group btn-group-sm"> <a class="btn gentoo-org-sites dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> - <span class="fa fa-fw fa-map-o"></span> <span class="hidden-xs">gentoo.org sites</span> <span class="caret"></span> + <span class="fa fa-fw fa-map-o"></span> <span class="d-none d-sm-inline">gentoo.org sites</span> <span class="caret"></span> </a> - <ul class="dropdown-menu dropdown-menu-right"> - <li><a href="https://www.gentoo.org/" title="Main Gentoo website"><span class="fa fa-home fa-fw"></span> gentoo.org</a></li> - <li><a href="https://wiki.gentoo.org/" title="Find and contribute documentation"><span class="fa fa-file-text-o fa-fw"></span> Wiki</a></li> - <li><a href="https://bugs.gentoo.org/" title="Report issues and find common issues"><span class="fa fa-bug fa-fw"></span> Bugs</a></li> - <li><a href="https://forums.gentoo.org/" title="Discuss with the community"><span class="fa fa-comments-o fa-fw"></span> Forums</a></li> - <li><a href="https://packages.gentoo.org/" title="Find software for your Gentoo"><span class="fa fa-hdd-o fa-fw"></span> Packages</a></li> - <li class="divider"></li> - <li><a href="https://planet.gentoo.org/" title="Find out what's going on in the developer community"><span class="fa fa-rss fa-fw"></span> Planet</a></li> - <li><a href="https://archives.gentoo.org/" title="Read up on past discussions"><span class="fa fa-archive fa-fw"></span> Archives</a></li> - <li><a href="https://sources.gentoo.org/" title="Browse our source code"><span class="fa fa-code fa-fw"></span> Sources</a></li> - <li class="divider"></li> - <li><a href="https://infra-status.gentoo.org/" title="Get updates on the services provided by Gentoo"><span class="fa fa-server fa-fw"></span> Infra Status</a></li> - </ul> + <div class="dropdown-menu dropdown-menu-right"> + <a class="dropdown-item" href="https://www.gentoo.org/" title="Main Gentoo website"><span class="fa fa-home fa-fw"></span> gentoo.org</a> + <a class="dropdown-item" href="https://wiki.gentoo.org/" title="Find and contribute documentation"><span class="fa fa-file-text-o fa-fw"></span> Wiki</a> + <a class="dropdown-item" href="https://bugs.gentoo.org/" title="Report issues and find common issues"><span class="fa fa-bug fa-fw"></span> Bugs</a> + <a class="dropdown-item" href="https://forums.gentoo.org/" title="Discuss with the community"><span class="fa fa-comments-o fa-fw"></span> Forums</a> + <a class="dropdown-item" href="https://packages.gentoo.org/" title="Find software for your Gentoo"><span class="fa fa-hdd-o fa-fw"></span> Packages</a> + <div class="dropdown-divider"></div> + <a class="dropdown-item" href="https://planet.gentoo.org/" title="Find out what's going on in the developer community"><span class="fa fa-rss fa-fw"></span> Planet</a> + <a class="dropdown-item" href="https://archives.gentoo.org/" title="Read up on past discussions"><span class="fa fa-archive fa-fw"></span> Archives</a> + <a class="dropdown-item" href="https://sources.gentoo.org/" title="Browse our source code"><span class="fa fa-code fa-fw"></span> Sources</a> + <div class="dropdown-divider"></div> + <a class="dropdown-item" href="https://infra-status.gentoo.org/" title="Get updates on the services provided by Gentoo"><span class="fa fa-server fa-fw"></span> Infra Status</a> + </div> </div> </div> </div> - <div class="logo"> - <a href="/" title="Back to the homepage" class="site-logo"> - <object data="../dist/site-logo.svg" type="image/svg+xml"> - <img src="../dist/site-logo.png" alt="Gentoo Linux Logo"> - </object> - </a> - <span class="site-label">Site Title</span> - </div> </div> </div> </div> - <nav class="tyrian-navbar" role="navigation"> + <nav class="tyrian-navbar navbar navbar-dark navbar-expand-lg bg-primary" role="navigation"> <div class="container"> - <div class="row"> <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-main-collapse" aria-controls="navbar-main-collapse" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> </button> </div> - <div class="collapse navbar-collapse navbar-main-collapse"> - <ul class="nav navbar-nav"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> - <li><a href="#">Foo</a></li> + <div class="collapse navbar-collapse navbar-main-collapse" id="navbar-main-collapse"> + <ul class="navbar-nav mr-auto"> + <li class="active nav-item"><a class="nav-link" href="#">Home</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> + <li class="nav-item"><a class="nav-link" href="#">Foo</a></li> </ul> - </div> </div> </div> </nav> @@ -84,30 +78,30 @@ <div class="row"> <div class="col-md-12"> <ul class="breadcrumb"> - <li class="active">Home</li> + <li class="breadcrumb-item active">Home</li> </ul> </div> </div> <!-- Main hero unit for a primary marketing message or call to action --> <div class="jumbotron"> - <h1>Install, Customize, Love</h1> - <p>We produce <strong>Gentoo Linux,</strong> a special flavor of Linux that can be automatically optimized and customized for just about any application or need. Extreme performance, configurability and a top-notch user and developer community are all hallmarks of the Gentoo experience.</p> - <p><a class="btn btn-primary btn-large">Learn more »</a></p> + <h1 class="display-4 mt-3">Install, Customize, Love</h1> + <p class="lead">We produce <b>Gentoo Linux,</b> a special flavor of Linux that can be automatically optimized and customized for just about any application or need. Extreme performance, configurability and a top-notch user and developer community are all hallmarks of the Gentoo experience.</p> + <p class="lead"><button class="btn btn-primary btn-large">Learn more »</button></p> </div> <div class="row"> <div class="col-md-12"> <h2>News</h2> - <h3>Google Summer of Code applications close April 6 <small>posted on April 7, 2012 by <strong>Donnie Berkholz</strong></small></h3> + <h3>Google Summer of Code applications close April 6 <small class="text-muted">posted on April 7, 2012 by <strong>Donnie Berkholz</strong></small></h3> <p>Students, only a few days remain to apply for Gentoo's 7th year in the Google Summer of Code! GSoC pays college students $5000 to work full-time on an open-source project for a summer. Check out our GSoC 2012 homepage if you are interested in this year's GSoC for Gentoo. We particularly encourage applications from students who are new to Gentoo development—many of our students become Gentoo developers after a successful summer.</p> <p>Interested students can browse Gentoo's project ideas. Student applications will be accepted until 1900 UTC April 6, so start now if you haven't already!</p> <p>Developers, if you'd like to apply to be a mentor, you can do so on the webapp. Please read the mentoring guide before applying.</p> - <h3>Gentoo Linux releases 12.1 LiveDVD <small>posted on April 1, 2012 by <strong>Robin H. Johnson</strong></small></h3> + <h3>Gentoo Linux releases 12.1 LiveDVD <small class="text-muted">posted on April 1, 2012 by <strong>Robin H. Johnson</strong></small></h3> <p>Gentoo Linux is proud to announce the availability of a new LiveDVD to celebrate the continued collaboration between Gentoo users and developers. The LiveDVD features a superb list of packages, some of which are listed below.</p> <p>A special thanks to the Gentoo Infrastructure Team. Their hard work behind the scenes provide the resources, services and technology necessary to support the Gentoo Linux project.</p> @@ -120,13 +114,13 @@ <li>Writable file systems using AUFS so you can emerge new packages!</li> <li>Persistence for $HOME is available; press F9 for more info!</li> </ul> - <p><a class="btn" href="#">More news »</a></p> + <p><a class="btn btn-link" href="#">More news »</a></p> </div> </div> <hr> - <div class="row"> + <div class="row pt-3"> <div class="col-md-6"> <h2>Developer Blogs (Planet Gentoo)</h2> <table class="table table-striped"> @@ -156,13 +150,13 @@ <h2>Sponsors</h2> <p>Gentoo is proudly sponsored by:</p> <p style="text-align: center;"> - <img src="../dist/ad1.png" alt="ad" style="margin-right: 1em;"> - <img src="../dist/ad2.png" alt="ad" style="margin-right: 1em;"> - <img src="../dist/ad3.png" alt="ad"> + <img src="../../assets/v2/ad1.png" alt="ad" style="margin-right: 1em;"> + <img src="../../assets/v2/ad2.png" alt="ad" style="margin-right: 1em;"> + <img src="../../assets/v2/ad3.png" alt="ad"> </p> </div> </div> - <div class="row"> + <div class="row pt-3"> <div class="col-md-6"> <h2>New Packages</h2> <table class="table table-striped"> @@ -186,17 +180,17 @@ <table class="table table-striped"> <tr> <th>GLSA 2012-02-02</th> - <td><span class="label label-important">critical</span></td> + <td><span class="badge badge-danger">critical</span></td> <td>GNOME: Execution of arbitrary code</td> </tr> <tr> <th>GLSA 2012-02-01</th> - <td><span class="label label-warning">moderate</span></td> + <td><span class="badge badge-warning">moderate</span></td> <td>KDE: Denial of Service</td> </tr> <tr> <th>GLSA 2012-01-34</th> - <td><span class="label label-info">minor</span></td> + <td><span class="badge badge-info">minor</span></td> <td>Xfce: Information disclosure</td> </tr> </table> @@ -207,7 +201,7 @@ <footer> <div class="container"> <div class="row"> - <div class="col-xs-12 col-md-offset-2 col-md-7"> + <div class="col-12 col-md-offset-2 col-md-7"> <!-- Application footer goes here (only here please): <p class="spacer">If you don't want a headline</p> or @@ -215,20 +209,20 @@ <p>Contents</p> --> </div> - <div class="col-xs-12 col-md-3"> + <div class="col-12 col-md-3"> <h3 class="footerhead">Questions or comments?</h3> Please feel free to <a href="https://www.gentoo.org/inside-gentoo/contact/">contact us</a>. </div> </div> <div class="row"> - <div class="col-xs-2 col-sm-3 col-md-2"> + <div class="col-2 col-sm-3 col-md-2"> <ul class="footerlinks three-icons"> <li><a href="https://twitter.com/gentoo" title="@Gentoo on Twitter"><span class="fa fa-twitter fa-fw"></span></a></li> <li><a href="https://www.facebook.com/gentoo.org" title="Gentoo on Facebook"><span class="fa fa-facebook fa-fw"></span></a></li> <li></li> </ul> </div> - <div class="col-xs-10 col-sm-9 col-md-10"> + <div class="col-10 col-sm-9 col-md-10"> <strong>© 2001–2018 Gentoo Foundation, Inc.</strong><br> <small> Gentoo is a trademark of the Gentoo Foundation, Inc. @@ -241,7 +235,9 @@ </div> </footer> - <script src="http://code.jquery.com/jquery.js"></script> - <script src="../dist/bootstrap.js"></script> + <script src="../../assets/v2/jquery.slim.js"></script> + <script src="../../assets/v2/popper.min.js"></script> + <script src="../../assets/v2/bootstrap.min.js"></script> + </body> </html> |