Browse Source

Replace 4-spaces tabs with 2-spaces

master
Konstantin Tarkus 7 years ago
parent
commit
8f82cbae5c
15 changed files with 382 additions and 381 deletions
  1. +7
    -6
      .editorconfig
  2. +52
    -52
      config/webpack.config.js
  3. +113
    -113
      gulpfile.js
  4. +51
    -51
      src/404.html
  5. +7
    -7
      src/app.jsx
  6. +9
    -9
      src/components/Navbar.jsx
  7. +23
    -23
      src/index.html
  8. +13
    -13
      src/layouts/Default.jsx
  9. +21
    -21
      src/pages/Home.jsx
  10. +47
    -47
      src/pages/Privacy.jsx
  11. +3
    -3
      src/styles/bootstrap.less
  12. +3
    -3
      src/styles/mixins.less
  13. +20
    -20
      src/styles/navbar.less
  14. +10
    -10
      src/styles/utilities.less
  15. +3
    -3
      src/styles/variables.less

+ 7
- 6
.editorconfig View File

@ -1,19 +1,20 @@
# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# http://editorconfig.org
root = true
[*]
# Change these settings to your own preference
indent_style = space
indent_size = 4
indent_size = 2
# We recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[{.travis.yml,bower.json,package.json,.jshintrc}]
indent_style = space
indent_size = 2
[*.md]
trim_trailing_whitespace = false

+ 52
- 52
config/webpack.config.js View File

@ -11,62 +11,62 @@
var webpack = require('webpack');
module.exports = function (release) {
return {
output: {
publicPatch: './build/',
path: './build/',
filename: 'app.js'
},
return {
output: {
publicPatch: './build/',
path: './build/',
filename: 'app.js'
},
cache: !release,
debug: !release,
devtool: false,
entry: './src/app.jsx',
cache: !release,
debug: !release,
devtool: false,
entry: './src/app.jsx',
stats: {
colors: true,
reasons: !release
},
stats: {
colors: true,
reasons: !release
},
plugins: release ? [
new webpack.DefinePlugin({'process.env.NODE_ENV': '"production"'}),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.AggressiveMergingPlugin()
] : [],
plugins: release ? [
new webpack.DefinePlugin({'process.env.NODE_ENV': '"production"'}),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.AggressiveMergingPlugin()
] : [],
module: {
preLoaders: [
{
test: '\\.js$',
exclude: 'node_modules',
loader: 'jshint'
}
],
module: {
preLoaders: [
{
test: '\\.js$',
exclude: 'node_modules',
loader: 'jshint'
}
],
loaders: [
{
test: /\.css$/,
loader: 'style!css'
},
{
test: /\.gif/,
loader: 'url-loader?limit=10000&mimetype=image/gif'
},
{
test: /\.jpg/,
loader: 'url-loader?limit=10000&mimetype=image/jpg'
},
{
test: /\.png/,
loader: 'url-loader?limit=10000&mimetype=image/png'
},
{
test: /\.jsx$/,
loader: 'jsx-loader'
}
]
loaders: [
{
test: /\.css$/,
loader: 'style!css'
},
{
test: /\.gif/,
loader: 'url-loader?limit=10000&mimetype=image/gif'
},
{
test: /\.jpg/,
loader: 'url-loader?limit=10000&mimetype=image/jpg'
},
{
test: /\.png/,
loader: 'url-loader?limit=10000&mimetype=image/png'
},
{
test: /\.jsx$/,
loader: 'jsx-loader'
}
};
]
}
};
};

+ 113
- 113
gulpfile.js View File

@ -18,33 +18,33 @@ var browserSync = require('browser-sync');
var argv = require('minimist')(process.argv.slice(2));
// Settings
var DEST = './build'; // The build output folder
var RELEASE = !!argv.release; // Minimize and optimize during a build?
var GOOGLE_ANALYTICS_ID = 'UA-XXXXX-X'; // https://www.google.com/analytics/web/
var AUTOPREFIXER_BROWSERS = [ // https://github.com/ai/autoprefixer
'ie >= 10',
'ie_mob >= 10',
'ff >= 30',
'chrome >= 34',
'safari >= 7',
'opera >= 23',
'ios >= 7',
'android >= 4.4',
'bb >= 10'
var DEST = './build'; // The build output folder
var RELEASE = !!argv.release; // Minimize and optimize during a build?
var GOOGLE_ANALYTICS_ID = 'UA-XXXXX-X'; // https://www.google.com/analytics/web/
var AUTOPREFIXER_BROWSERS = [ // https://github.com/ai/autoprefixer
'ie >= 10',
'ie_mob >= 10',
'ff >= 30',
'chrome >= 34',
'safari >= 7',
'opera >= 23',
'ios >= 7',
'android >= 4.4',
'bb >= 10'
];
var src = {};
var watch = false;
var reload = browserSync.reload;
var pkgs = (function () {
var temp = {};
var map = function (source) {
for (var key in source) {
temp[key.replace(/[^a-z0-9]/gi, '')] = source[key].substring(1);
}
};
map(require('./package.json').dependencies);
return temp;
var temp = {};
var map = function (source) {
for (var key in source) {
temp[key.replace(/[^a-z0-9]/gi, '')] = source[key].substring(1);
}
};
map(require('./package.json').dependencies);
return temp;
}());
// The default task
@ -55,137 +55,137 @@ gulp.task('clean', del.bind(null, [DEST]));
// 3rd party libraries
gulp.task('vendor', function () {
return merge(
gulp.src('./node_modules/jquery/dist/**')
.pipe(gulp.dest(DEST + '/vendor/jquery-' + pkgs.jquery)),
gulp.src('./node_modules/bootstrap/dist/fonts/**')
.pipe(gulp.dest(DEST + '/fonts'))
);
return merge(
gulp.src('./node_modules/jquery/dist/**')
.pipe(gulp.dest(DEST + '/vendor/jquery-' + pkgs.jquery)),
gulp.src('./node_modules/bootstrap/dist/fonts/**')
.pipe(gulp.dest(DEST + '/fonts'))
);
});
// Static files
gulp.task('assets', function () {
src.assets = 'src/assets/**';
return gulp.src(src.assets)
.pipe(gulp.dest(DEST))
.pipe($.if(watch, reload({stream: true})));
src.assets = 'src/assets/**';
return gulp.src(src.assets)
.pipe(gulp.dest(DEST))
.pipe($.if(watch, reload({stream: true})));
});
// Images
gulp.task('images', function () {
src.images = 'src/images/**';
return gulp.src(src.images)
.pipe($.cache($.imagemin({
progressive: true,
interlaced: true
})))
.pipe(gulp.dest(DEST + '/images'))
.pipe($.if(watch, reload({stream: true})));
src.images = 'src/images/**';
return gulp.src(src.images)
.pipe($.cache($.imagemin({
progressive: true,
interlaced: true
})))
.pipe(gulp.dest(DEST + '/images'))
.pipe($.if(watch, reload({stream: true})));
});
// HTML pages
gulp.task('pages', function () {
src.pages = 'src/**/*.html';
return gulp.src(src.pages)
.pipe($.if(RELEASE, $.htmlmin({
removeComments: true,
collapseWhitespace: true,
minifyJS: true
})))
.pipe(gulp.dest(DEST))
.pipe($.if(watch, reload({stream: true})));
src.pages = 'src/**/*.html';
return gulp.src(src.pages)
.pipe($.if(RELEASE, $.htmlmin({
removeComments: true,
collapseWhitespace: true,
minifyJS: true
})))
.pipe(gulp.dest(DEST))
.pipe($.if(watch, reload({stream: true})));
});
// CSS style sheets
gulp.task('styles', function () {
src.styles = 'src/styles/**/*.{css,less}';
return gulp.src('src/styles/bootstrap.less')
.pipe($.plumber())
.pipe($.less({sourceMap: !RELEASE, sourceMapBasepath: __dirname}))
.on('error', $.util.log)
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe($.csscomb())
.pipe($.if(RELEASE, $.minifyCss()))
.pipe(gulp.dest(DEST + '/css'))
.pipe($.if(watch, reload({stream: true})));
src.styles = 'src/styles/**/*.{css,less}';
return gulp.src('src/styles/bootstrap.less')
.pipe($.plumber())
.pipe($.less({sourceMap: !RELEASE, sourceMapBasepath: __dirname}))
.on('error', $.util.log)
.pipe($.autoprefixer(AUTOPREFIXER_BROWSERS))
.pipe($.csscomb())
.pipe($.if(RELEASE, $.minifyCss()))
.pipe(gulp.dest(DEST + '/css'))
.pipe($.if(watch, reload({stream: true})));
});
// Bundle
gulp.task('bundle', function (cb) {
var started = false;
var config = require('./config/webpack.config.js')(RELEASE);
var bundler = webpack(config);
function bundle (err, stats) {
if (err) {
throw new $.util.PluginError('webpack', err);
}
var started = false;
var config = require('./config/webpack.config.js')(RELEASE);
var bundler = webpack(config);
!!argv.verbose && $.util.log('[webpack]', stats.toString({colors: true}));
function bundle (err, stats) {
if (err) {
throw new $.util.PluginError('webpack', err);
}
if (watch) {
reload(config.output.filename);
}
!!argv.verbose && $.util.log('[webpack]', stats.toString({colors: true}));
if (!started) {
started = true;
return cb();
}
if (watch) {
reload(config.output.filename);
}
if (watch) {
bundler.watch(200, bundle);
} else {
bundler.run(bundle);
if (!started) {
started = true;
return cb();
}
}
if (watch) {
bundler.watch(200, bundle);
} else {
bundler.run(bundle);
}
});
// Build the app from source code
gulp.task('build', ['clean'], function (cb) {
runSequence(['vendor', 'assets', 'images', 'pages', 'styles', 'bundle'], cb);
runSequence(['vendor', 'assets', 'images', 'pages', 'styles', 'bundle'], cb);
});
// Launch a lightweight HTTP Server
gulp.task('serve', function (cb) {
watch = true;
runSequence('build', function () {
browserSync({
notify: false,
// Run as an https by uncommenting 'https: true'
// Note: this uses an unsigned certificate which on first access
// will present a certificate warning in the browser.
// https: true,
server: {
baseDir: ['build']
}
});
gulp.watch(src.assets, ['assets']);
gulp.watch(src.images, ['images']);
gulp.watch(src.pages, ['pages']);
gulp.watch(src.styles, ['styles']);
cb();
watch = true;
runSequence('build', function () {
browserSync({
notify: false,
// Run as an https by uncommenting 'https: true'
// Note: this uses an unsigned certificate which on first access
// will present a certificate warning in the browser.
// https: true,
server: {
baseDir: ['build']
}
});
gulp.watch(src.assets, ['assets']);
gulp.watch(src.images, ['images']);
gulp.watch(src.pages, ['pages']);
gulp.watch(src.styles, ['styles']);
cb();
});
});
// Deploy to GitHub Pages
gulp.task('deploy', function () {
// Remove temp folder
if (argv.clean) {
var os = require('os');
var path = require('path');
var repoPath = path.join(os.tmpdir(), 'tmpRepo');
$.util.log('Delete ' + $.util.colors.magenta(repoPath));
del.sync(repoPath, {force: true});
}
return gulp.src(DEST + '/**/*')
.pipe($.if('**/robots.txt', !argv.production ? $.replace('Disallow:', 'Disallow: /') : $.util.noop()))
.pipe($.ghPages({
remoteUrl: 'https://github.com/{name}/{name}.github.io.git',
branch: 'master'
}));
// Remove temp folder
if (argv.clean) {
var os = require('os');
var path = require('path');
var repoPath = path.join(os.tmpdir(), 'tmpRepo');
$.util.log('Delete ' + $.util.colors.magenta(repoPath));
del.sync(repoPath, {force: true});
}
return gulp.src(DEST + '/**/*')
.pipe($.if('**/robots.txt', !argv.production ? $.replace('Disallow:', 'Disallow: /') : $.util.noop()))
.pipe($.ghPages({
remoteUrl: 'https://github.com/{name}/{name}.github.io.git',
branch: 'master'
}));
});

+ 51
- 51
src/404.html View File

@ -1,59 +1,59 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Page Not Found</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
line-height: 1.5;
margin: 0;
}
html {
color: #888;
font-family: sans-serif;
text-align: center;
}
body {
left: 50%;
margin: -43px 0 0 -150px;
position: absolute;
top: 50%;
width: 300px;
}
h1 {
color: #555;
font-size: 2em;
font-weight: 400;
}
p {
line-height: 1.2;
}
@media only screen and (max-width: 270px) {
body {
margin: 10px auto;
position: static;
width: 95%;
}
h1 {
font-size: 1.5em;
}
}
</style>
<meta charset="utf-8">
<title>Page Not Found</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
line-height: 1.5;
margin: 0;
}
html {
color: #888;
font-family: sans-serif;
text-align: center;
}
body {
left: 50%;
margin: -43px 0 0 -150px;
position: absolute;
top: 50%;
width: 300px;
}
h1 {
color: #555;
font-size: 2em;
font-weight: 400;
}
p {
line-height: 1.2;
}
@media only screen and (max-width: 270px) {
body {
margin: 10px auto;
position: static;
width: 95%;
}
h1 {
font-size: 1.5em;
}
}
</style>
</head>
<body>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
</body>
</html>
<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->

+ 7
- 7
src/app.jsx View File

@ -15,11 +15,11 @@ var HomePage = require('./pages/Home.jsx');
var PrivacyPage = require('./pages/Privacy.jsx');
React.renderComponent(
<Routes location="history">
<Route name="app" path="/" handler={DefaultLayout}>
<Route name="home" path="/" handler={HomePage} />
<Route name="privacy" path="/privacy" handler={PrivacyPage} />
</Route>
</Routes>,
document.body
<Routes location="history">
<Route name="app" path="/" handler={DefaultLayout}>
<Route name="home" path="/" handler={HomePage} />
<Route name="privacy" path="/privacy" handler={PrivacyPage} />
</Route>
</Routes>,
document.body
);

+ 9
- 9
src/components/Navbar.jsx View File

@ -7,15 +7,15 @@
var React = require('react');
var Navbar = React.createClass({
render: function () {
return (
<div className="navbar-top">
<div className="container">
<a className="navbar-brand" href="/"><img src="/images/logo-small.png" width="38" height="38" alt="" /> React Seed</a>
</div>
</div>
);
}
render: function () {
return (
<div className="navbar-top">
<div className="container">
<a className="navbar-brand" href="/"><img src="/images/logo-small.png" width="38" height="38" alt="" /> React Seed</a>
</div>
</div>
);
}
});
module.exports = Navbar;

+ 23
- 23
src/index.html View File

@ -1,28 +1,28 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<script src="app.js"></script>
<script src="app.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>

+ 13
- 13
src/layouts/Default.jsx View File

@ -9,19 +9,19 @@ var Link = require('react-router').Link;
var Navbar = require('../components/Navbar.jsx');
var DefaultLayout = React.createClass({
render: function () {
return (
<div>
<Navbar />
<this.props.activeRouteHandler />
<div className="navbar-footer">
<div className="container">
<p className="text-muted">&copy; KriaSoft <Link to="home">Home</Link> <Link to="privacy">Privacy</Link></p>
</div>
</div>
</div>
);
}
render: function () {
return (
<div>
<Navbar />
<this.props.activeRouteHandler />
<div className="navbar-footer">
<div className="container">
<p className="text-muted">&copy; KriaSoft <Link to="home">Home</Link> <Link to="privacy">Privacy</Link></p>
</div>
</div>
</div>
);
}
});
module.exports = DefaultLayout;

+ 21
- 21
src/pages/Home.jsx View File

@ -7,27 +7,27 @@
var React = require('react');
var HomePage = React.createClass({
render: function () {
return (
<div className="container">
<h2>Facebook React Starter Kit</h2>
<p>This is a single-page application (SPA) project template based on Facebook React.</p>
<h4>Runtime Components:</h4>
<ul>
<li><a href="https://facebook.github.io/react/">React</a> - A JavaScript library for building user interfaces, developed by Facebook</li>
<li><a href="https://github.com/rackt/react-router">React-Router</a> - A complete routing library for React</li>
<li><a href="http://getbootstrap.com/">Bootstrap</a> - CSS framework for developing responsive, mobile first interfaces</li>
</ul>
<h4>Development Tools:</h4>
<ul>
<li><a href="http://webpack.github.io/">Webpack</a> - Compiles front-end source code into modules / bundles</li>
<li><a href="http://gulpjs.com">Gulp</a> - JavaScript streaming build system and task automation</li>
</ul>
<h3>Fork me on GitHub</h3>
<p><a href="https://github.com/kriasoft/react-seed">https://github.com/kriasoft/react-seed</a></p>
</div>
);
}
render: function () {
return (
<div className="container">
<h2>Facebook React Starter Kit</h2>
<p>This is a single-page application (SPA) project template based on Facebook React.</p>
<h4>Runtime Components:</h4>
<ul>
<li><a href="https://facebook.github.io/react/">React</a> - A JavaScript library for building user interfaces, developed by Facebook</li>
<li><a href="https://github.com/rackt/react-router">React-Router</a> - A complete routing library for React</li>
<li><a href="http://getbootstrap.com/">Bootstrap</a> - CSS framework for developing responsive, mobile first interfaces</li>
</ul>
<h4>Development Tools:</h4>
<ul>
<li><a href="http://webpack.github.io/">Webpack</a> - Compiles front-end source code into modules / bundles</li>
<li><a href="http://gulpjs.com">Gulp</a> - JavaScript streaming build system and task automation</li>
</ul>
<h3>Fork me on GitHub</h3>
<p><a href="https://github.com/kriasoft/react-seed">https://github.com/kriasoft/react-seed</a></p>
</div>
);
}
});
module.exports = HomePage;

+ 47
- 47
src/pages/Privacy.jsx View File

@ -7,53 +7,53 @@
var React = require('react');
var PrivacyPage = React.createClass({
render: function () {
return (
<div className="container">
<h2>Privacy Policy</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean consequat tortor fermentum mi
fermentum dignissim. Nullam vel ipsum ut ligula elementum lobortis. Maecenas aliquam, massa laoreet
lacinia pretium, nisi urna venenatis tortor, nec imperdiet tellus libero efficitur metus. Fusce
semper posuere ligula, et facilisis metus bibendum interdum. Mauris at mauris sit amet sem pharetra
commodo a eu leo. Nam at est non risus cursus maximus. Nam feugiat augue libero, id consectetur
tortor bibendum non. Quisque nec fringilla lorem. Nullam efficitur vulputate mauris, nec maximus leo
dignissim id.
</p>
<p>
In hac habitasse platea dictumst. Duis sagittis dui ac ex suscipit maximus. Morbi pellentesque
venenatis felis sed convallis. Nulla varius, nibh vitae placerat tempus, mauris sem elementum ipsum,
eget sollicitudin nisl est vel purus. Fusce malesuada odio velit, non cursus leo fermentum id. Cras
pharetra sodales fringilla. Etiam quis est a dolor egestas pellentesque. Maecenas non scelerisque
purus, congue cursus arcu. Donec vel dapibus mi. Mauris maximus posuere placerat. Sed et libero eu
nibh tristique mollis a eget lectus. Donec interdum augue sollicitudin vehicula hendrerit. Vivamus
justo orci, molestie ac sollicitudin ac, lobortis at tellus. Etiam rhoncus ullamcorper risus eu
tempor. Sed porttitor, neque ac efficitur gravida, arcu lacus pharetra dui, in consequat elit tellus
auctor nulla. Donec placerat elementum diam, vitae imperdiet lectus luctus at.
</p>
<p>
Nullam eu feugiat mi. Quisque nec tristique nisl, dignissim dictum leo. Nam non quam nisi. Donec
rutrum turpis ac diam blandit, id pulvinar mauris suscipit. Pellentesque tincidunt libero ultricies
risus iaculis, sit amet consequat velit blandit. Fusce quis varius nulla. Nullam nisi nisi, suscipit
ut magna quis, feugiat porta nibh. Sed id enim lectus. Suspendisse elementum justo sapien, sit amet
consequat orci accumsan et. Aliquam ornare ullamcorper sem sed finibus. Nullam ac lacus pulvinar,
egestas felis ut, accumsan est.
</p>
<p>
Pellentesque sagittis vehicula sem quis luctus. Proin sodales magna in lorem hendrerit aliquam.
Integer eu varius orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut at mauris nibh. Suspendisse maximus ac eros at vestibulum.
</p>
<p>
Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque egestas tortor et dui
consequat faucibus. Nunc vitae odio ornare, venenatis ligula a, vulputate nisl. Aenean congue varius
ex, sit amet bibendum odio posuere at. Nulla facilisi. In finibus, nulla vitae tincidunt ornare,
sapien nulla fermentum mauris, sed consectetur tortor arcu eget arcu. Vestibulum vel quam enim.
</p>
</div>
);
}
render: function () {
return (
<div className="container">
<h2>Privacy Policy</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean consequat tortor fermentum mi
fermentum dignissim. Nullam vel ipsum ut ligula elementum lobortis. Maecenas aliquam, massa laoreet
lacinia pretium, nisi urna venenatis tortor, nec imperdiet tellus libero efficitur metus. Fusce
semper posuere ligula, et facilisis metus bibendum interdum. Mauris at mauris sit amet sem pharetra
commodo a eu leo. Nam at est non risus cursus maximus. Nam feugiat augue libero, id consectetur
tortor bibendum non. Quisque nec fringilla lorem. Nullam efficitur vulputate mauris, nec maximus leo
dignissim id.
</p>
<p>
In hac habitasse platea dictumst. Duis sagittis dui ac ex suscipit maximus. Morbi pellentesque
venenatis felis sed convallis. Nulla varius, nibh vitae placerat tempus, mauris sem elementum ipsum,
eget sollicitudin nisl est vel purus. Fusce malesuada odio velit, non cursus leo fermentum id. Cras
pharetra sodales fringilla. Etiam quis est a dolor egestas pellentesque. Maecenas non scelerisque
purus, congue cursus arcu. Donec vel dapibus mi. Mauris maximus posuere placerat. Sed et libero eu
nibh tristique mollis a eget lectus. Donec interdum augue sollicitudin vehicula hendrerit. Vivamus
justo orci, molestie ac sollicitudin ac, lobortis at tellus. Etiam rhoncus ullamcorper risus eu
tempor. Sed porttitor, neque ac efficitur gravida, arcu lacus pharetra dui, in consequat elit tellus
auctor nulla. Donec placerat elementum diam, vitae imperdiet lectus luctus at.
</p>
<p>
Nullam eu feugiat mi. Quisque nec tristique nisl, dignissim dictum leo. Nam non quam nisi. Donec
rutrum turpis ac diam blandit, id pulvinar mauris suscipit. Pellentesque tincidunt libero ultricies
risus iaculis, sit amet consequat velit blandit. Fusce quis varius nulla. Nullam nisi nisi, suscipit
ut magna quis, feugiat porta nibh. Sed id enim lectus. Suspendisse elementum justo sapien, sit amet
consequat orci accumsan et. Aliquam ornare ullamcorper sem sed finibus. Nullam ac lacus pulvinar,
egestas felis ut, accumsan est.
</p>
<p>
Pellentesque sagittis vehicula sem quis luctus. Proin sodales magna in lorem hendrerit aliquam.
Integer eu varius orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Ut at mauris nibh. Suspendisse maximus ac eros at vestibulum.
</p>
<p>
Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque egestas tortor et dui
consequat faucibus. Nunc vitae odio ornare, venenatis ligula a, vulputate nisl. Aenean congue varius
ex, sit amet bibendum odio posuere at. Nulla facilisi. In finibus, nulla vitae tincidunt ornare,
sapien nulla fermentum mauris, sed consectetur tortor arcu eget arcu. Vestibulum vel quam enim.
</p>
</div>
);
}
});
module.exports = PrivacyPage;

+ 3
- 3
src/styles/bootstrap.less View File

@ -1,6 +1,6 @@
/* ==========================================================================
Bootstrap CSS + Custom Styles and overrides
========================================================================== */
// =============================================================================
// Bootstrap CSS + Custom styles and overrides
// =============================================================================
// Core variables and mixins
@import "variables.less";

+ 3
- 3
src/styles/mixins.less View File

@ -1,5 +1,5 @@
/* ==========================================================================
Mixins
========================================================================== */
// =============================================================================
// Mixins
// =============================================================================
@import "../../node_modules/bootstrap/less/mixins.less";

+ 20
- 20
src/styles/navbar.less View File

@ -1,37 +1,37 @@
/* ==========================================================================
Navigation Bar
========================================================================== */
// =============================================================================
// Navigation Bar
// =============================================================================
@import "../../node_modules/bootstrap/less/navbar.less";
html {
padding-top: @navbar-height;
padding-top: @navbar-height;
}
.navbar-top {
&:extend(.navbar);
&:extend(.navbar-inverse);
&:extend(.navbar-fixed-top);
&:extend(.navbar);
&:extend(.navbar-inverse);
&:extend(.navbar-fixed-top);
}
.navbar-brand {
padding-top: 8px;
padding-bottom: 8px;
color: #00d8ff !important;
font-size: 24px;
padding-top: 8px;
padding-bottom: 8px;
color: #00d8ff !important;
font-size: 24px;
}
/* ==========================================================================
Navigation Footer
========================================================================== */
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Navigation Footer
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.navbar-footer {
&:extend(.navbar);
&:extend(.navbar-fixed-bottom);
&:extend(.navbar);
&:extend(.navbar-fixed-bottom);
background-color: darken(@body-bg, 2%);
background-color: darken(@body-bg, 2%);
.text-muted {
margin-top: 1em;
}
.text-muted {
margin-top: 1em;
}
}

+ 10
- 10
src/styles/utilities.less View File

@ -1,16 +1,16 @@
/* ==========================================================================
Utility classes
========================================================================== */
// =============================================================================
// Utility classes
// =============================================================================
@import "../../node_modules/bootstrap/less/utilities.less";
/* ==========================================================================
Browse Happy prompt
========================================================================== */
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Browse Happy prompt
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}

+ 3
- 3
src/styles/variables.less View File

@ -1,6 +1,6 @@
/* ==========================================================================
Variables
========================================================================== */
// =============================================================================
// Variables
// =============================================================================
@import "../../node_modules/bootstrap/less/variables.less";

Loading…
Cancel
Save