Skip to content

Commit cbb7bd1

Browse files
agentmilinduagentmilindu
authored
Merge pull request #8 from championballer/landingpage
[#7] Need a simple web page for informational purposes
2 parents de992f8 + ce52c0b commit cbb7bd1

31 files changed

+45193
-0
lines changed

‎landingpage/.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎landingpage/.travis.yml‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
sudo: false
2+
language: node_js
3+
node_js:
4+
- "node"
5+
install: npm install
6+
script:
7+
- npm test
8+
- gulp
9+
cache:
10+
directories:
11+
- node_modules

‎landingpage/LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2013-2019 Blackrock Digital LLC
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in
13+
all copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21+
THE SOFTWARE.

‎landingpage/README.md‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
# [Start Bootstrap - Scrolling Nav](https://startbootstrap.com/template-overviews/scrolling-nav/)
2+
3+
[Scrolling Nav](http://startbootstrap.com/template-overviews/scrolling-nav/) is an unstyled one page starter template with a collapsing, smooth scrolling navigation bar for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).
4+
5+
## Preview
6+
7+
[![Scrolling Nav Preview](https://startbootstrap.com/assets/img/templates/scrolling-nav.jpg)](https://blackrockdigital.github.io/startbootstrap-scrolling-nav/)
8+
9+
**[View Live Preview](https://blackrockdigital.github.io/startbootstrap-scrolling-nav/)**
10+
11+
## Status
12+
13+
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/BlackrockDigital/startbootstrap-scrolling-nav/master/LICENSE)
14+
[![npm version](https://img.shields.io/npm/v/startbootstrap-scrolling-nav.svg)](https://www.npmjs.com/package/startbootstrap-scrolling-nav)
15+
[![Build Status](https://travis-ci.org/BlackrockDigital/startbootstrap-scrolling-nav.svg?branch=master)](https://travis-ci.org/BlackrockDigital/startbootstrap-scrolling-nav)
16+
[![dependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav/status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav)
17+
[![devDependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav/dev-status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav?type=dev)
18+
19+
## Download and Installation
20+
21+
To begin using this template, choose one of the following options to get started:
22+
* [Download the latest release on Start Bootstrap](https://startbootstrap.com/template-overviews/scrolling-nav/)
23+
* Install via npm: `npm i startbootstrap-scrolling-nav`
24+
* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-scrolling-nav.git`
25+
* [Fork, Clone, or Download on GitHub](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav)
26+
27+
## Usage
28+
29+
### Basic Usage
30+
31+
After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser.
32+
33+
### Advanced Usage
34+
35+
After installation, run `npm install` and then run `gulp dev` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment.
36+
37+
You must have npm and Gulp installed globally on your machine in order to use these features.
38+
39+
## Bugs and Issues
40+
41+
Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/scrolling-nav/).
42+
43+
## About
44+
45+
Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
46+
47+
* https://startbootstrap.com
48+
* https://twitter.com/SBootstrap
49+
50+
Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
51+
52+
* http://davidmiller.io
53+
* https://twitter.com/davidmillerskt
54+
* https://github.com/davidtmiller
55+
56+
Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
57+
58+
## Copyright and License
59+
60+
Copyright 2013-2019 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/gh-pages/LICENSE) license.

‎landingpage/css/scrolling-nav.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
/*!
2+
* Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
3+
* Copyright 2013-2019 Start Bootstrap
4+
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
5+
*/
6+
header {
7+
padding: 156px 0 100px;
8+
}
9+
10+
section {
11+
padding: 150px 0;
12+
}

‎landingpage/gulpfile.js‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
// Load plugins
2+
const browsersync = require("browser-sync").create();
3+
const gulp = require("gulp");
4+
5+
// Copy third party libraries from /node_modules into /vendor
6+
gulp.task('vendor', function(cb) {
7+
8+
// Bootstrap
9+
gulp.src([
10+
'./node_modules/bootstrap/dist/**/*',
11+
'!./node_modules/bootstrap/dist/css/bootstrap-grid*',
12+
'!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
13+
])
14+
.pipe(gulp.dest('./vendor/bootstrap'))
15+
16+
// jQuery
17+
gulp.src([
18+
'./node_modules/jquery/dist/*',
19+
'!./node_modules/jquery/dist/core.js'
20+
])
21+
.pipe(gulp.dest('./vendor/jquery'))
22+
23+
// jQuery Easing
24+
gulp.src([
25+
'node_modules/jquery.easing/*.js'
26+
])
27+
.pipe(gulp.dest('vendor/jquery-easing'))
28+
29+
cb();
30+
31+
});
32+
33+
// BrowserSync
34+
function browserSync(done) {
35+
browsersync.init({
36+
server: {
37+
baseDir: "./"
38+
}
39+
});
40+
done();
41+
}
42+
43+
// BrowserSync Reload
44+
function browserSyncReload(done) {
45+
browsersync.reload();
46+
done();
47+
}
48+
49+
// Watch files
50+
function watchFiles() {
51+
gulp.watch("./css/*", browserSyncReload);
52+
gulp.watch("./**/*.html", browserSyncReload);
53+
}
54+
55+
gulp.task("default", gulp.parallel('vendor'));
56+
57+
// dev task
58+
gulp.task("dev", gulp.parallel(watchFiles, browserSync));

‎landingpage/index.html‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<meta name="description" content="">
9+
<meta name="author" content="">
10+
11+
<title>Scrolling Nav - Start Bootstrap Template</title>
12+
13+
<!-- Bootstrap core CSS -->
14+
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
15+
16+
<!-- Custom styles for this template -->
17+
<link href="css/scrolling-nav.css" rel="stylesheet">
18+
19+
</head>
20+
21+
<body id="page-top">
22+
23+
<!-- Navigation -->
24+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
25+
<div class="container">
26+
<a class="navbar-brand js-scroll-trigger" href="#page-top">installer.to</a>
27+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
28+
<span class="navbar-toggler-icon"></span>
29+
</button>
30+
<div class="collapse navbar-collapse" id="navbarResponsive">
31+
<ul class="navbar-nav ml-auto">
32+
<li class="nav-item">
33+
<a class="nav-link js-scroll-trigger" href="#about">About</a>
34+
</li>
35+
<li class="nav-item">
36+
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
37+
</li>
38+
<li class="nav-item">
39+
<a class="nav-link js-scroll-trigger" href="#contact">Contribute</a>
40+
</li>
41+
</ul>
42+
</div>
43+
</div>
44+
</nav>
45+
46+
<header class="bg-primary text-white">
47+
<div class="container text-center">
48+
<h1>Welcome to installer.to</h1>
49+
<p class="lead">A community managed list of installer scripts for popular tools for Linux based OS.</p>
50+
</div>
51+
</header>
52+
53+
<section id="about">
54+
<div class="container">
55+
<div class="row">
56+
<div class="col-lg-8 mx-auto">
57+
<h2>About installer.to</h2>
58+
<p class="lead">This is a project under the leopardslab organisation making installation of popular tools simple.</p>
59+
<!--
60+
A list can be included here to explain the project more
61+
-->
62+
</div>
63+
</div>
64+
</div>
65+
</section>
66+
67+
<section id="services" class="bg-light">
68+
<div class="container">
69+
<div class="row">
70+
<div class="col-lg-8 mx-auto">
71+
<h2>Services</h2>
72+
<p class="lead">Popular tools can be installed on the machine using simple scripts like</p>
73+
<ul>
74+
<li>curl https://installer.to/git | bash</li>
75+
<li>curl https://installer.to/docker | bash</li>
76+
</ul>
77+
</div>
78+
</div>
79+
</div>
80+
</section>
81+
82+
<section id="contact">
83+
<div class="container">
84+
<div class="row">
85+
<div class="col-lg-8 mx-auto">
86+
<h2>Contribute</h2>
87+
<p class="lead">The project is looking for contributers who have a thing for making tools that help make lives of the community easy. The project repository is hosted on <a href=https://github.com/leopardslab/installer.to>github</a>. For any issues or queries, you can reach out on the gitter channel of scorelab.</p>
88+
</div>
89+
</div>
90+
</div>
91+
</section>
92+
93+
<!-- Footer -->
94+
<footer class="py-5 bg-dark">
95+
<div class="container">
96+
<p class="m-0 text-center text-white"></p>
97+
</div>
98+
<!-- /.container -->
99+
</footer>
100+
101+
<!-- Bootstrap core JavaScript -->
102+
<script src="vendor/jquery/jquery.min.js"></script>
103+
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
104+
105+
<!-- Plugin JavaScript -->
106+
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
107+
108+
<!-- Custom JavaScript for this theme -->
109+
<script src="js/scrolling-nav.js"></script>
110+
111+
</body>
112+
113+
</html>

‎landingpage/js/scrolling-nav.js‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
(function($) {
2+
"use strict"; // Start of use strict
3+
4+
// Smooth scrolling using jQuery easing
5+
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
6+
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
7+
var target = $(this.hash);
8+
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
9+
if (target.length) {
10+
$('html, body').animate({
11+
scrollTop: (target.offset().top - 56)
12+
}, 1000, "easeInOutExpo");
13+
return false;
14+
}
15+
}
16+
});
17+
18+
// Closes responsive menu when a scroll trigger link is clicked
19+
$('.js-scroll-trigger').click(function() {
20+
$('.navbar-collapse').collapse('hide');
21+
});
22+
23+
// Activate scrollspy to add active class to navbar items on scroll
24+
$('body').scrollspy({
25+
target: '#mainNav',
26+
offset: 56
27+
});
28+
29+
})(jQuery); // End of use strict

0 commit comments

Comments
 (0)