File indexing completed on 2024-12-22 05:33:25

0001 <?php   
0002 include "../gfx3/lib.php"; //including gfx3 library
0003 $client = new OCSClient();
0004 $categories = $client->get("/gamingfreedom.org/v1/content/categories");
0005 
0006 ?>
0007 
0008 <!DOCTYPE html>
0009 <html lang="en"><head>
0010 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
0011     <meta charset="utf-8">
0012     <meta http-equiv="X-UA-Compatible" content="IE=edge">
0013     <meta name="viewport" content="width=device-width, initial-scale=1">
0014     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
0015     <meta name="description" content="ocs-server webclient">
0016     <meta name="author" content="woffy">
0017     <title>PlasmaStore</title>
0018     <link rel="stylesheet" href="css/bootstrap.css">
0019     <link rel="stylesheet" href="css/dashboard.css">
0020     <link rel="stylesheet" href="css/logo.css">
0021     <link rel="stylesheet" href="css/app.css">
0022     <!--<link rel="stylesheet" href="css/responsive_preview.css">-->
0023   </head>
0024 
0025 <body>
0026  <nav class="navbar navbar-default navbar-fixed-top">
0027   <div class="container-fluid">
0028     <!-- Brand and toggle get grouped for better mobile display -->
0029     <div class="navbar-header">
0030       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
0031         <span class="sr-only">Toggle navigation</span>
0032         <span class="icon-bar"></span>
0033         <span class="icon-bar"></span>
0034         <span class="icon-bar"></span>
0035       </button>
0036       <a class="navbar-brand" href="#"><span><img class="logo" src="img/plasma.png"/></span> PlasmaStore</a>
0037     </div>
0038 
0039     <!-- Collect the nav links, forms, and other content for toggling -->
0040     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
0041       <ul class="nav navbar-nav">
0042         <li><a href="#">Link <span class="sr-only">(current)</span></a></li>
0043         <li><a href="#">Link</a></li>
0044         </ul>
0045 
0046 
0047 
0048         <div class="col-md-3 col-md-offset-2 col-sm-2">
0049           <form class="navbar-form navbar-left" role="search">
0050             <div class="form-group">
0051               <input type="text" class="form-control" placeholder="Search">
0052             </div>
0053             <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span>  Go!</button>
0054           </form>
0055         </div>
0056     
0057 
0058       <ul class="nav navbar-nav navbar-right">
0059         <li><a href="http://www.google.com">Link</a></li>
0060         <li class="dropdown">
0061           <!-- USER -->
0062           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user"></span> Guest_User <span class="caret"></span></a>
0063           <ul class="dropdown-menu" role="menu">
0064             <li><a href="login/login.html"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
0065             <li><a href="#"><span class="glyphicon glyphicon-send"></span>  My Messages</a></li>
0066             <li class="divider"></li>
0067             <li><a href="#">  My Account</a></li>
0068           </ul>
0069         </li>
0070       </ul>
0071     </div><!-- /.navbar-collapse -->
0072   </div><!-- /.container-fluid -->
0073 </nav>
0074 
0075 <div class="container-fluid">
0076       <div class="row">
0077         <div class="col-sm-3 col-md-2 sidebar">
0078           <ul class="nav nav-sidebar sidebuttons">
0079             <?php
0080                 foreach($categories["ocs"]["data"]["category"] as $category){
0081                     echo "<li><a href=\"\">".$category["name"]."</a></li>";
0082                 }
0083             ?>
0084             <li><a href="#category1" data-toggle="collapse">Category 1<span class="sr-only">(current)</span></a></li>
0085             <div class="collapse" id="category1">
0086                 <a class="list-group-item" id="category1"href="#">subcategory a</a>
0087             </div>
0088             <li><a href="#">Category 2</a></li>
0089             <li><a href="#">Category 3</a></li>
0090             <li><a href="#">Category 4</a></li>
0091             <li><a href="">Category 5</a></li>
0092             <li><a href="">Category 6</a></li>
0093             <li><a href="">Category 7</a></li>
0094             <li><a href="">Category 8</a></li>
0095             <li><a href="">Category 9</a></li>
0096             <li><a href="">Category 10</a></li>
0097             <li><a href="">Category 11</a></li>
0098             <li><a href="">Category 12</a></li>
0099           </ul>
0100         </div>
0101       </div>
0102   </div>
0103 <div class="col-md-7 col-md-offset-2 col-sm-offset-3">
0104     <ol class="breadcrumb">
0105   <li><a href="#">Category 1</a></li>
0106   <li><a href="#">Subcategory a</a></li>
0107   <li class="active">App Name</li>
0108 </ol>
0109 
0110 </div>
0111  <div class="col-md-7 col-md-offset-2 col-sm-offset-3">
0112     <div class="thumbnail">
0113         
0114         <div id="img_carousel" class="carousel slide" data-ride="carousel">
0115             <!--indicators -->
0116             <ol class="carousel-indicators">
0117                 <li data-target="#img_carousel" data-slide="0" class="active"></li>
0118                 <li data-target="#img_carousel" data-slide="1" class="active"></li>
0119                 <li data-target="#img_carousel" data-slide="2" class="active"></li>
0120             </ol>
0121             <!-- wrapper for slides -->
0122             <div class="carousel-inner" role="listbox">
0123                 <div class="item active">
0124                     <img src="http://placehold.it/800x300">
0125                 </div>
0126                 <div class="item">
0127                     <img src="http://placehold.it/800x300">
0128                 </div>
0129                 <div class="item">
0130                     <img src="http://placehold.it/800x300">
0131                 </div>
0132             </div>
0133             <!-- carousel arrows -->
0134             <a class="left carousel-control" href="#img_carousel" role="button" data-slide="prev">
0135                 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"> </span>
0136                 <span class="sr-only">Previous</span>
0137             </a>
0138             <a class="right carousel-control" href="#img_carousel" role="button" data-slide="next">
0139                 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"> </span>
0140                 <span class="sr-only">Next</span>
0141             </a>
0142         </div> <!-- .carousel-->
0143 
0144 
0145         <!-- App description -->
0146         <div class="caption-full">
0147             <h4 class="pull-right">Free</h4>
0148             <h4><a href="#">App Name</a></h4>
0149             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
0150         </div> <!-- .App description -->
0151         <div class="ratings">
0152             <p class="pull-right">3 reviews </p>
0153             <p>
0154                 <span class="glyphicon glyphicon-star"></span>
0155                 <span class="glyphicon glyphicon-star"></span>
0156                 <span class="glyphicon glyphicon-star"></span>
0157                 <span class="glyphicon glyphicon-star"></span>
0158                 <span class="glyphicon glyphicon-star-empty"></span>
0159                 4.0 stars
0160             </p>
0161         </div> <!-- .ratings -->
0162         <div class="text-left">
0163             <a class="btn btn-success" href="#"><span class="glyphicon glyphicon-download-alt"></span> Download it!</a>
0164         </div>
0165         <br>
0166 
0167     </div> <!-- .thumbnail-->
0168     <!--div class="well"-->
0169         <ul class="nav nav-tabs">
0170             <li role="presentation" class="active"><a href="#reviews" data-toggle="tab">Reviews</a></li>
0171             <li><a href="#comments" data-toggle="tab">Comments</a></li>
0172             <li><a href="#author" data-toggle="tab">About the author</a></li>
0173         </ul>
0174 
0175         <div class="tab-content">
0176             <div class="tab-pane fade in active" id="reviews">
0177                 <div class="well">
0178                     <div class="text-right">
0179                         <a class="btn btn-success" href="#reviews-anchor" id="open-review-box"> Leave a Review</a>
0180                     </div>
0181                     <div class="row" id="post-review-box" style="display:none">
0182                         <div class="col-md-12">
0183                             <form accept-charset="UTF-8" action="" method="post">
0184                                 <input id="ratings-hidden" name="rating" type="hidden">
0185                                 <textarea class="form-control animated" cols="50" id="new-review" name="comment" placeholder="Enter your review here..." rows="5"></textarea>
0186 
0187                                 <div class="text-right">
0188                                     <div class="stars starrr" data-rating="0">
0189                                         <a class="btn btn-danger btn-sm" href="#" id="close-review-box" style="display:none; margin-right: 10px;">
0190                                             <span class="glyphicon glyphicon-remove"></span>Cancel</a>
0191                                             <button class="btn btn-success btn-sm" type="submit">Save</button>
0192                                     </div>
0193                                 </div>
0194                             </form>
0195                         </div>
0196                     </div>
0197 
0198                     <hr>
0199                     <div class="row">
0200                         <div class="col-md-12">
0201                             <span class="glyphicon glyphicon-star"></span>
0202                             <span class="glyphicon glyphicon-star"></span>
0203                             <span class="glyphicon glyphicon-star"></span>
0204                             <span class="glyphicon glyphicon-star"></span>
0205                             <span class="glyphicon glyphicon-star-empty"></span>
0206                             Anonymous
0207                             <span class="pull-right">10 days ago</span>
0208                             <p>aaaaaaa</p>
0209                         </div>
0210                     </div>
0211                 
0212 
0213                 <hr>
0214 
0215                 <div class="row">
0216                         <div class="col-md-12">
0217                             <span class="glyphicon glyphicon-star"></span>
0218                             <span class="glyphicon glyphicon-star"></span>
0219                             <span class="glyphicon glyphicon-star"></span>
0220                             <span class="glyphicon glyphicon-star"></span>
0221                             <span class="glyphicon glyphicon-star-empty"></span>
0222                             Anonymous
0223                             <span class="pull-right">10 days ago</span>
0224                             <p>bbb</p>
0225                         </div>
0226                     </div>
0227                 </div> <!-- .well -->
0228          </div>
0229 
0230             <div class="tab-pane fade" id="comments">
0231                 <div class="well">
0232                     <div class="text-right">
0233                         <a class="btn btn-success">Leave a comment</a>
0234                     </div>
0235                     <hr>
0236                 </div>
0237              </div>
0238         </div> <!-- .tab content -->
0239     <!--/div--> <!-- .well -->
0240  </div> <!-- .col-md-7 col-md-offset-2 col-sm-offset-3-->
0241   
0242 
0243     <!-- Bootstrap core JavaScript
0244     ================================================== -->
0245     <!-- Placed at the end of the document so the pages load faster -->
0246     <script src="js/jquery.js"></script>
0247     <script src="js/bootstrap.js"></script>
0248     <script src="js/bootstrap.min.js"></script>
0249     <script src="js/sidebuttons.js"></script>
0250     <script src="js/reviewbox.js"></script>
0251     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
0252     <script src="js/ie10-viewport-bug-workaround.js"></script>
0253 </body>
0254 </html>
0255