API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 26th, 2015
272
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.45 KB | None | 0 0
raw download clone embed print report
  1.  <html style="background-color: #1D1D1D">
  2.     <head>
  3.         <meta charset="utf-8" />
  4.        
  5.         <!--[if IE]>
  6.             <link rel="stylesheet" href="./ie9.css" type="text/css" />
  7.    <![endif]-->
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
  9.  
  10.         <script src="../assets/bootstrap-3.0.0/js/jquery.js"></script>
  11.         <link href="../assets/bootstrap-3.0.0/css/bootstrap.css" rel="stylesheet" type="text/css">
  12.         <link href="../assets/style.css?6" rel="stylesheet" type="text/css">
  13.         <script src="../assets/bootstrap-3.0.0/js/bootstrap.min.js"></script>
  14.         <link rel="stylesheet" href="./style.css" type="text/css" />
  15.         <link rel="stylesheet" href="assets/jquery.mCustomScrollbar.css" />
  16.         <script src="assets/jquery.mCustomScrollbar.concat.min.js"></script>
  17.  
  18.         <script type="text/javascript">
  19.             $(window).load(function() {
  20.                 $("#mcs_container").mCustomScrollbar({ alwaysShowScrollbar: 2 });
  21.                 $("#mcs_container").mCustomScrollbar({ setWidth: 20 });            
  22.                 alert  
  23.                 $("#mcs_container2").mCustomScrollbar({ alwaysShowScrollbar: 2 });
  24.             });
  25.  
  26.             var current_app = "";
  27.             var url = '/';
  28.             $(function() {
  29.                 $.ajax({
  30.                     url: url + 'bazaar?apps=',
  31.                     cache: false
  32.                 }).done(function( result ) {
  33.                     buttons = $('.buttons');
  34.                     desc = $('.description');
  35.                    
  36.                     var first_button = null;
  37.                     $.each( result, function( key, value ) {
  38.                         buttons = buttons.clone();
  39.                         if (first_button == null)
  40.                             first_button = buttons;
  41.                         $(buttons).children('a').html(value.name);
  42.                         $(buttons).children('a').attr('href', '#' + key);
  43.                         $(buttons).appendTo('.list-group');
  44.                         $(buttons).show();
  45.                         current_app = key;
  46.                     });
  47.  
  48.                     $('.buttons').click(function() {                       
  49.                         key = $(this).children('a').attr('href').substr(1);
  50.                         $('.description').children('.name').html(result[key].name);
  51.                         $('.description').children('.icon').attr('src', url + key + '/info/icon.png');
  52.                         $('.description').children('.desc').html(result[key].description);
  53.                         if (result[key].type == "demo")
  54.                         {
  55.                                 $("#run").attr('href', url + 'instruct.html');
  56.                                 $('#run').html('Buy');
  57.                                 $("#run").css('visibility', 'visible');
  58.                                 $("#demo").css('visibility', 'visible');
  59.                         }              
  60.                         else if (result[key].type == "run")
  61.                         {
  62.                             $("#run").attr('href', url + key + '?type=run');
  63.                             $('#run').html('Run');
  64.                             $("#run").css('visibility', 'visible');
  65.                             $("#demo").css('visibility', 'visible');
  66.                         }
  67.                         else if (result[key].type == "old_app")
  68.                         {
  69.                             $('#run').html('Run');
  70.                             $("#run").attr('href', url + key);
  71.                             $("#run").css('visibility', 'visible');
  72.                             $("#demo").css('visibility', 'hidden');
  73.                         }
  74.  
  75.                         $("#demo").attr('href', url + key + '?type=demo');
  76.  
  77.                         $(desc).show();
  78.                     });
  79.  
  80.                     first_button.click();
  81.  
  82.                     //$(selector).mCustomScrollbar({ option: value });
  83.  
  84.                 }).fail(function( msg ) {
  85.                     alert("Something has gone wrong. Is there a problem with the server?");
  86.               } )
  87.             });
  88.  
  89.             $(function() {
  90.                 document.getElementsByTagName("title")[0].innerHTML = ("My Red Pitaya ("+window.location.hostname+")");
  91.             });
  92.  
  93.         </script>
  94.         <title>My Red Pitaya</title>
  95.     </head>
  96.  
  97. <body style="background-color: #1D1D1D;">
  98. <div class="pagewrapper">
  99.     <div class="panel panel-default" style="background-color: #1D1D1D; margin: 50px auto;">
  100.         <div class="panel-body">
  101.             <div class="row" style="padding: 20px;">
  102.  
  103.                 <div class="col-sm-6 col-md-2" style="min-width: 270px; height: 500;">
  104.                     <div id="mcs_container">
  105.                             <img class="appicon" style="width: 150px;" src="../assets/images/logo_white.png">  
  106.                             <h4 style="color: silver;">Select the Instrument:</h4>
  107.                             <div class="list-group pull-left">
  108.                                 <div class="buttons" style="width: 205px; display: none; margin: 20px auto; border-radius: 0px;">                                                  
  109.                                     <a href="#" id="buttons" style="border-radius: 0;" class="list-group-item">1</a>
  110.                                 </div>
  111.                             </div>
  112.                         </div>
  113.                     </div>
  114.  
  115.                 <div class="col-sm-6 col-md-6" id="right-col" style="min-width: 600px; height: 500;color: silver; margin: auto 25px;">
  116.                     <div id="mcs_container2">
  117.                     <div class="description" style="display: none;">
  118.                         <h2 class="name"></h2>
  119.                         <img class="icon" src="">
  120.                         <p class="desc"></p>
  121.                     </div>
  122.                 </div>
  123.                 </div>
  124.             </div>
  125.             <div class="container" style="margin: -37;">
  126.                 <div class="bazaar-link" style="float:left;">
  127.                     <a href="bazaar" class="list-group-item more">Get more applications</a>
  128.                 </div>
  129.                 <div class="bazaar-link" style="float:right; visibility: hidden;">
  130.                     <a href="#run" id="run" class="list-group-item btn" style="margin: 0 60 0 0;">Run</a>
  131.                 </div>
  132.                 <div class="bazaar-link" style="float:right; visibility: hidden;" >
  133.                     <a href="#demo" id="demo" class="list-group-item btn">Demo</a>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </div>
  138. </div>
  139.  
  140. </body>
  141. </html>
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  @font-face
  159. {
  160. font-family: 'myriadpro';
  161. src: url('fonts/MyriadPro-Regular.otf'),
  162.  
  163. }
  164.  
  165. body {
  166.   font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  167.   background: #fff;
  168.   color: #000;
  169.   margin: 0;
  170. }
  171.  
  172. h3 {
  173.   color: #d5273a;
  174.   margin-top: 0;
  175. }
  176.  
  177. .button {
  178.   padding: 10px;
  179.   background: #efefef;
  180.   border: none;
  181.   color: #000;
  182.   display: block;
  183.   margin: 0;
  184.   text-align: center;
  185.   cursor: pointer;
  186. }
  187.  
  188. .button.red {
  189.   background: #d5273a;
  190.   color: #fff;
  191. }
  192.  
  193. .button.white {
  194.   background: #fff;
  195.   color: #000;
  196. }
  197.  
  198. .button.inline {
  199.   display: inline-block;
  200.   vertical-align: middle;
  201.   margin: 0 20px;
  202. }
  203.  
  204. .button.full-width {
  205.   width: 100%;
  206. }
  207.  
  208. .step {
  209.     width: 150px;
  210. }
  211.  
  212. .big_margin_padding {
  213.     margin: 20px;
  214.     padding: 20px;
  215.     border: dotted 2px #668014;
  216. }
  217.  
  218. .pagewrapper{
  219.   width: 1000px;
  220.   margin: 0px auto;
  221.   margin-top: 20px;
  222.   padding: 10px;
  223. }
  224.  
  225. .list-group-item {
  226.     background-color: #323232;
  227.     font-family: sans-serif;
  228.     color: blue;
  229. }
  230.  
  231. a.list-group-item {                                                                          
  232.   color: silver;#555555;                                                                    
  233. }
  234.  
  235. a.list-group-item:hover:visited {
  236.   color: black;  
  237. }
  238.  
  239. .list-group-item.more {
  240.     font-size: 18px;
  241. }
  242.  
  243.  
  244.  
  245. .list-group-item.btn {
  246.     font-weight: bold;
  247. }
  248.  
  249. .headerwrapper{
  250.   background: #d5273a;
  251.   height: 75px;
  252. }
  253.  
  254. .headerwrapper img{
  255.   height: 50px;
  256.   margin-left: 115px;
  257.   margin-top: 10px;
  258. }
  259.  
  260. a, img {
  261.   border:none;
  262.   text-decoration:none;
  263. }
  264.  
  265. .appdescredpitaya, .pagewrapper { clear: both; overflow: hidden;}
  266.  
  267. .appdescredpitaya {
  268.   min-height: 131px;
  269.   margin-bottom: 50px;
  270.   padding: 20px;
  271.   background: #eee;
  272. }
  273.  
  274. .appicon {
  275.   display: block;
  276.   margin: 0 auto;
  277.   width: 128px;
  278. }
  279.  
  280. .bazaar-link {
  281.   text-align: center;
  282.   padding: 50px 20px 20px 20px;
  283. }
  284.  
  285. @media (min-width: 768px) {
  286.   .appicon, .appdesc {
  287.     display: inline-block;
  288.     vertical-align: top;
  289.   }
  290.  
  291.   .appicon {
  292.     width: 15%;
  293.     margin: 0 5% 0 0;
  294.   }
  295.  
  296.   .appdesc {
  297.     width: 70%;
  298.     margin-right: 5%;
  299.   }
  300.  
  301.   .run-button {
  302.     text-align: right;
  303.   }
  304.  
  305.   .run-button .button {
  306.     padding-left: 60px;
  307.     padding-right: 60px;
  308.     display: inline-block;
  309.     vertical-align: middle;
  310.   }
  311. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!