Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <meta charset="utf-8">
    <meta name="robots" content="noindex">
    <title>RTG - Business Administration</title>
    <!--
Largely based on the Random Adorable Name Generator concept and design by mousemeredith https://mousemeredith.makes.org/thimble/LTc5ODg4MzMyOA==/random-adorable-name-generator_
-->
    
    <!--Must include the jQuery script-->
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <!--Along with the custom script-->
    <script src="script-1.js"></script>
  </head>
  
  <body>
    <h1>FakeRandomWordGenerator</h1>
    <div class="rrtg">
      <article class="case"><!--The light gray element-->
        <div id="border"><!--The darker gray element-->
          <div id="word"></div><!--Where all of the JS magic happens-->
        </div>
      </article>
      <div class=""></div>
    </div>
    
    <footer style="position:absolute;bottom:0;right:0;">
      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0; height: 20px" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>
      tim miller
    </footer>
    
  </body>
  
</html>
 
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Press+Start+2P);
@import url(//fonts.googleapis.com/css?family=Lato:200,400);
@import url(https://fonts.googleapis.com/css?family=Lobster);
​
body {
  font-family: lobster, lato, sans-serif;
  font-size: 1rem;
  background: #2d9961;
  overflow: hidden;
}
​
h1 {
  font-family: lobster, lato, sans-serif;
  font-size: 8vw;
  margin: 0px;
  color: rgba(0,0,0,0.6);
  text-align: center;
}
​
#word {
  font-size: 28vw;
  color: rgba(255,255,255,0.8);
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  text-shadow: 
    6px 6px 0px #2d9961, 
    20px 20px 0px rgba(0, 0, 0, 0.4);
}
​
.btn {
  background: #fff;
  color: #333;
}
​
/* Footer w/ CC info */
footer {
  font-family: lato, sans-serif;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 1em;
}
​
/* For elements to hide, but still make available to screen readers */
.hidden {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
sometimesmotionpro
0viewers