Skip to content

Added listpkgs.html and did some cleaning up. #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
andersevenrud merged 6 commits into from
Jul 22, 2015
Merged

Added listpkgs.html and did some cleaning up. #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
dce0ea1
Create allpkgs.html
Jul 22, 2015
5b09c88
Update allpkgs.html
Jul 22, 2015
36e62f6
Update index.html
Jul 22, 2015
b4a6a3a
Update allpkgs.html
Jul 22, 2015
2a32733
Update allpkgs.html
Jul 22, 2015
3dbff5d
Update index.html
Jul 22, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
102 changes: 102 additions & 0 deletions allpkgs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script>

$(function() {


var pkgs = [];

$.getJSON('packages.json', function(data) {
$.each(data.packages, function(i, f) {
var tblRow = "<tr>" + "<td>" + f.className + "</td>" +
"<td>" + f.name + "</td>" + "<td>" + f.description + "</td>" + "<td>" + f.category + "</td>" + "<td>" + f.author + "</td>" + "<td>" + f.version + "</td>" + "<td>" + f.download + "</td>"+ "</tr>"
$(tblRow).appendTo("#pgkdata tbody");
});

});

});
</script>
</head>

<body>
<nav class="light-blue lighten-1" role="navigation">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">OS.js Application Store</a>
<ul class="right hide-on-med-and-down">
<li><a href="submitapp.html">Submit Your App</a></li>
<li><a href="allpkgs.html">View all Applications</a></li>
</ul>
</div>

</nav>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<table id="pkgdata" class="centered">
<thead>
<tr>
<th data-field="className">Class Name</th>
<th data-field="name">Name</th>
<th data-field="description">Description</th>
<th data-field="category">Category</th>
<th data-field="author">Author</th>
<th data-field="version">Version</th>
<th data-field="download">Download</th>
</tr>
</thead>
<tbody>

</tbody>
</table>
<br></br>
<br></br>
</div>
</div>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">About OS.js</h5>
<p class="grey-text text-lighten-4">OS.js is a JavaScript web desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Helpful Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="http://os.js.org/">Project Page</a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/andersevenrud/OS.js-v2">Github</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2015 Made by the OS.js Community
</div>
</div>
</footer>


<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="../../bin/materialize.js"></script>
<script src="js/init.js"></script>

</body>

</html>
153 changes: 77 additions & 76 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,101 +2,102 @@
<html lang="en">

<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>
<nav class="light-blue lighten-1" role="navigation">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">OS.js Application Store</a>
<ul class="right hide-on-med-and-down">
<li><a href="submitapp.html">Submit Your App</a></li>
</ul>
</div>
<nav class="light-blue lighten-1" role="navigation">
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">OS.js Application Store</a>
<ul class="right hide-on-med-and-down">
<li><a href="submitapp.html">Submit Your App</a></li>
<li><a href="allpkgs.html">View all Applications</a></li>
</ul>
</div>

</nav>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br>
<br>
<h1 class="header center orange-text">Welcome to the OS.js Web Store</h1>
<div class="row center">
<h5 class="header col s12 light">Discover, install, and create OS.js Applications</h5>
</div>
<div class="row center">
<a id="download-button" class="btn-large waves-effect waves-light orange">Get Searching</a>
</div>
<br>
<br>

</div>
</div>


</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<div class="section">
<nav>
<div class="nav-wrapper">
<form>
<div class="input-field">
<input id="search" type="search" required>
<label for="search"><i class="material-icons">search</i></label>
<i class="material-icons">close</i>
</div>
</form>
</div>
</nav>
<br>
<br>
<h1 class="header center orange-text">Welcome to the OS.js Web Store</h1>
<div class="row center">
<h5 class="header col s12 light">Discover, install, and create OS.js Applications</h5>
</div>
<div class="row center">
<a id="download-button" class="btn-large waves-effect waves-light orange">Get Searching</a>
</div>
<br>
<br>

</div>
</div>


<div class="container">
<div class="section">
<nav>
<div class="nav-wrapper">
<form>
<div class="input-field">
<input id="search" type="search" required>
<label for="search"><i class="material-icons">search</i></label>
<i class="material-icons">close</i>
</div>
</form>
</div>
<br>
<br>
</nav>

<div class="section">
</div>
<br>
<br>

<div class="section">

</div>
</div>
</div>

<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">About OS.js</h5>
<p class="grey-text text-lighten-4">OS.js is a JavaScript web desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Helpful Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="http://os.js.org/">Project Page</a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/andersevenrud/OS.js-v2">Github</a></li>
</ul>
</div>
</div>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">About OS.js</h5>
<p class="grey-text text-lighten-4">OS.js is a JavaScript web desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction.</p>
</div>
<div class="footer-copyright">
<div class="container">
© 2015 Made by the OS.js Community
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Helpful Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="http://os.js.org/">Project Page</a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/andersevenrud/OS.js-v2">Github</a></li>
</ul>
</div>
</footer>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2015 Made by the OS.js Community
</div>
</div>
</footer>


<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="../../bin/materialize.js"></script>
<script src="js/init.js"></script>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="../../bin/materialize.js"></script>
<script src="js/init.js"></script>

</body>

</html>
</html>