Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Modified index.html to look like OpenShift template

  • Loading branch information...
commit 4b174ee57d59b65f4b6ad5d80a0098bf5e0a6563 1 parent 937d596
Fotios Lindiakos authored
Showing with 134 additions and 217 deletions.
  1. +134 −217 public/index.html
View
351 public/index.html
@@ -1,241 +1,158 @@
<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
- <title>Ruby on Rails: Welcome aboard</title>
- <style type="text/css" media="screen">
- body {
- margin: 0;
- margin-bottom: 25px;
- padding: 0;
- background-color: #f0f0f0;
- font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
- font-size: 13px;
- color: #333;
- }
-
- h1 {
- font-size: 28px;
- color: #000;
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <title>OpenShift - Rails 3.2</title>
+ <style>
+ html {
+ background: black;
}
-
- a {color: #03c}
- a:hover {
- background-color: #03c;
+ body {
+ background: #333;
+ background: -webkit-linear-gradient(top, black, #666);
+ background: -o-linear-gradient(top, black, #666);
+ background: -moz-linear-gradient(top, black, #666);
+ background: linear-gradient(top, black, #666);
color: white;
- text-decoration: none;
- }
-
-
- #page {
- background-color: #f0f0f0;
- width: 750px;
- margin: 0;
- margin-left: auto;
- margin-right: auto;
- }
-
- #content {
- float: left;
- background-color: white;
- border: 3px solid #aaa;
- border-top: none;
- padding: 25px;
- width: 500px;
+ font-family: "Helvetica Neue",Helvetica,"Liberation Sans",Arial,sans-serif;
+ width: 40em;
+ margin: 0 auto;
+ padding: 3em;
}
-
- #sidebar {
- float: right;
- width: 175px;
- }
-
- #footer {
- clear: both;
- }
-
- #header, #about, #getting-started {
- padding-left: 75px;
- padding-right: 30px;
- }
-
-
- #header {
- background-image: url("assets/rails.png");
- background-repeat: no-repeat;
- background-position: top left;
- height: 64px;
- }
- #header h1, #header h2 {margin: 0}
- #header h2 {
- color: #888;
- font-weight: normal;
- font-size: 16px;
+ a {
+ color: white;
}
-
- #about h3 {
+ h1 {
+ text-transform: capitalize;
+ -moz-text-shadow: -1px -1px 0 black;
+ -webkit-text-shadow: 2px 2px 2px black;
+ text-shadow: -1px -1px 0 black;
+ box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
+ background: #CC0000;
+ width: 22.5em;
+ margin: 1em -2em;
+ padding: .3em 0 .3em 1.5em;
+ position: relative;
+ }
+ h1:before {
+ content: '';
+ width: 0;
+ height: 0;
+ border: .5em solid #91010B;
+ border-left-color: transparent;
+ border-bottom-color: transparent;
+ position: absolute;
+ bottom: -1em;
+ left: 0;
+ z-index: -1000;
+ }
+ h1:after {
+ content: '';
+ width: 0;
+ height: 0;
+ border: .5em solid #91010B;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+ position: absolute;
+ bottom: -1em;
+ right: 0;
+ z-index: -1000;
+ }
+ h2 {
+ margin: 2em 0 .5em;
+ border-bottom: 1px solid #999;
+ }
+
+ pre {
+ background: black;
+ padding: 1em 0 0;
+ -webkit-border-radius: 1em;
+ -moz-border-radius: 1em;
+ border-radius: 1em;
+ color: #9cf;
+ }
+
+ ul {
margin: 0;
- margin-bottom: 10px;
- font-size: 14px;
- }
-
- #about-content {
- background-color: #ffd;
- border: 1px solid #fc0;
- margin-left: -55px;
- margin-right: -10px;
- }
- #about-content table {
- margin-top: 10px;
- margin-bottom: 10px;
- font-size: 11px;
- border-collapse: collapse;
- }
- #about-content td {
- padding: 10px;
- padding-top: 3px;
- padding-bottom: 3px;
- }
- #about-content td.name {color: #555}
- #about-content td.value {color: #000}
-
- #about-content ul {
padding: 0;
- list-style-type: none;
- }
-
- #about-content.failure {
- background-color: #fcc;
- border: 1px solid #f00;
}
- #about-content.failure p {
- margin: 0;
- padding: 10px;
+ li {
+ list-style-type: none;
+ padding: .5em 0;
}
-
- #getting-started {
- border-top: 1px solid #ccc;
- margin-top: 25px;
- padding-top: 15px;
- }
- #getting-started h1 {
- margin: 0;
- font-size: 20px;
- }
- #getting-started h2 {
- margin: 0;
- font-size: 14px;
- font-weight: normal;
- color: #333;
- margin-bottom: 25px;
- }
- #getting-started ol {
- margin-left: 0;
- padding-left: 0;
+ .brand {
+ display: block;
+ text-decoration: none;
}
- #getting-started li {
- font-size: 18px;
- color: #888;
- margin-bottom: 25px;
+ .brand .brand-image {
+ float: left;
}
- #getting-started li h2 {
- margin: 0;
- font-weight: normal;
- font-size: 18px;
- color: #333;
+ .brand .brand-text {
+ float: left;
+ font-size: 24px;
+ line-height: 24px;
+ padding: 4px 0;
+ color: white;
+ text-transform: uppercase;
}
- #getting-started li p {
- color: #555;
- font-size: 13px;
+ .brand:hover,
+ .brand:active {
+ text-decoration: underline;
}
-
- #sidebar ul {
- margin-left: 0;
- padding-left: 0;
- }
- #sidebar ul h3 {
- margin-top: 25px;
- font-size: 16px;
- padding-bottom: 10px;
- border-bottom: 1px solid #ccc;
- }
- #sidebar li {
- list-style-type: none;
- }
- #sidebar ul.links li {
- margin-bottom: 5px;
+ .brand:before,
+ .brand:after {
+ content: ' ';
+ display: table;
}
-
- .filename {
- font-style: italic;
+ .brand:after {
+ clear: both;
}
</style>
- <script type="text/javascript">
- function about() {
- info = document.getElementById('about-content');
- if (window.XMLHttpRequest)
- { xhr = new XMLHttpRequest(); }
- else
- { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
- xhr.open("GET","rails/info/properties",false);
- xhr.send("");
- info.innerHTML = xhr.responseText;
- info.style.display = 'block'
- }
- </script>
</head>
<body>
- <div id="page">
- <div id="sidebar">
- <ul id="sidebar-items">
- <li>
- <h3>Browse the documentation</h3>
- <ul class="links">
- <li><a href="http://guides.rubyonrails.org/">Rails Guides</a></li>
- <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
- <li><a href="http://www.ruby-doc.org/core/">Ruby core</a></li>
- <li><a href="http://www.ruby-doc.org/stdlib/">Ruby standard library</a></li>
- </ul>
- </li>
- </ul>
- </div>
-
- <div id="content">
- <div id="header">
- <h1>Welcome aboard</h1>
- <h2>You&rsquo;re riding Ruby on Rails!</h2>
- </div>
-
- <div id="about">
- <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
- <div id="about-content" style="display: none"></div>
- </div>
-
- <div id="getting-started">
- <h1>Getting started</h1>
- <h2>Here&rsquo;s how to get rolling:</h2>
-
- <ol>
- <li>
- <h2>Use <code>rails generate</code> to create your models and controllers</h2>
- <p>To see all available options, run it without parameters.</p>
- </li>
-
- <li>
- <h2>Set up a default route and remove <span class="filename">public/index.html</span></h2>
- <p>Routes are set up in <span class="filename">config/routes.rb</span>.</p>
- </li>
-
- <li>
- <h2>Create your database</h2>
- <p>Run <code>rake db:create</code> to create your database. If you're not using SQLite (the default), edit <span class="filename">config/database.yml</span> with your username and password.</p>
- </li>
- </ol>
- </div>
- </div>
-
- <div id="footer">&nbsp;</div>
- </div>
+ <a href="http://openshift.com" class="brand">
+ <img class="brand-image"
+ alt="OpenShift logo"
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAARHgAAER4B27UUrQAABUhJREFUWMPFWFlsVGUU/s5/70zbaSltA7RQpJ2lC9CFkQkWIgSJxkAhRA0JCYFq4hPG6JsoGKNCtPigxqhvGlPAuGIaE4igNaElbIW2yNL2tkOtTYGWCqWF2e79fCh7p1Bmpnge/3vuOef7z/nPJiTxMHS6pMRuu6YqFNTTAJYSyAU4GZB0AH2AGCANAfc5Qrba6T3HrmECScYLwCioSIcV2AjidQDZ45Q/LJRaWrLV03X89P8GwHB5XwG4DcDkGPWEBKimNrzN094efGQAzjm9GWHFr4R4LiHKgFaSL3r8zYcmHEBbkW+KFo7UEyhKsNeHlMgyV8eJo4kQpqId9ub6HCoc+XWcxl8lcBTATwDax8GfZtHa054/f/bNg8ZcnyOhHjBc834E8MJ9/vML8aYZQX1hd1PP3WFXkhMRfYkIlpOoGomc0WRRTnch+XAQWG2KTNJNLbuy68C/cQMwXOWrAKkdgz8A8kMdg9X5fn/gQcI7POXLaMk3AGbe/P8SbF0D1KcGRGXpIJJpIQkWBHhnsf/Ie3GF0DmnMxmQT8bg7RellXr8ze+Ox3gAcBvNf+iUUhH5FODLSvScAerDGpiVxTAyGUYKzICA34nCwbhDyHB7N4L8PAofhVzh9jfvjffR/ZZTnupIsR8G0C9EjW7Tfnii/dBgrPL0u83kmjHy33Z3Z/zG97uKi7xpWA8GHZpE1mcZRne8MvXblfbxqQAWR+Fp+mdW5hZPjAqu5JVlhrTwOgrXi2ABbjjchF4FYGvi0qhprgagjYod4OeldXWRWBUEtdBjEH4mwIJ7vF2V4Dqgot0+NEFdPAqmdZ5tAXA8Slx6LrpKsxMHQJge5ft1v0oe2OOu+PZ39+LCOFqImqiXo8JzAeBkXlnmnoKK9LgACJl2R9gELsHW1saUwKCpnbIoa8UMTokVgGXJmSjHkfNWUlWDy9d6USVdyoiEF8b1iElxQKHuPG1D/bCtVEBhCiykMQQFgCK2mN2sSx+tkdcbhGq7wKSkK9RnmsCG2xVSLsflAR1S6eloWhawtF8yGJGskSJDBdQR8pIjZMXcfFmm1gOg2lRaSRdT1AD1PBPQbCAyxcRMifCpc41HEtILNbh9s8SSvYTUmBp2LDGOdCOB1OD0XbeByWliwY5bugc9nU2T4wqhCx7PNAV9bSGwARp3TzVaP0j09GQUzJubLUgefY3SEHMh63MVr4FIlYL+7C1AlCwAmxM+/plYy6hhgN2xp1HBawAr72krnH3uoicTaXyHx7uIwKZoT0QhUhszAAI7x7ivL0a60/jp77yyTFrWt6N6rxE99c7OkxdiBhC2y/cAorXHpama/aNG8dkOO32b6p3zTzXmeysfPu4LkkKafA3IrGjfCfPtuGfiPlfx+xBsuWtwpa3zIuy2YaoZ5o0eSQc5TVnb53aeeAuk9eBtRvkqUH0MoTsqA7nL429eFzeA3lyfQ08eaiNgCrjTYNozQ1S+WyUfQCosTLqZ+oiDUNwhggPujpZTuCMXGwUV6cJgKYnNIJffR3df2NLLZ5871puQrUR//pzpU7rOnAfJP53eDELrsoPpk4RIGRn5xqIBAAdBOCAoBjBjPJsJUdZSt9HSOGFrld5cn2M4KbwfkIUJzqYhQlYWdJ7YN2FrFQCY3nPsmk61AuSuRNYyUdaiRBk/7tViR37Zcir1JYC8WNshgjWWPfhq0dmzVx/5bhQAWnLKU1Md8gZHOsjxAgmD2GEKq4s6m1sxASQPu16HiBh53goqPg9ac0TEcwNQEOBlQAZEcMgC94dDZt2c7r8GMIH0H43ZRDC51RVCAAAAAElFTkSuQmCC">
+ <div class="brand-text"><strong>Open</strong>Shift</div>
+ </a>
+ <h1>
+ OpenShift - Rails 3.2
+ </h1>
+ <p>
+ This application was created using <a href="https://github.com/openshift/rails-example">this OpenShift quickstart</a>.
+ </p>
+ <p>
+ It contains everything you need to be up and running with a fully functional Rails application!
+ </p>
+ <p>
+ In order to commit to your new project, go to your projects git repo (created with the rhc app create command). Make your changes, then run:
+ </p>
+ <pre>
+ git commit -a -m 'Some commit message'
+ git push
+ </pre>
+ <p>
+ Then reload this page.
+ </p>
+
+ <h2>
+ What's next?
+ </h2>
+ <ul>
+ <li>
+ Why not visit us at <a href="http://openshift.redhat.com">http://openshift.redhat.com</a>, or
+ </li>
+ <li>
+ You could get help in the <a href="http://www.redhat.com/openshift">OpenShift forums</a>, or
+ </li>
+ <li>
+ You're welcome to come chat with us in our IRC channel at #openshift on freenode.net
+ </li>
+ </ul>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.