Completed adding of customization system and bottom infobar
This commit is contained in:
Caleb James DeLisle
78
customize.dist/BottomBar.html
Normal file
78
customize.dist/BottomBar.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!-- This is an HTML fragment which is included into the bottom toolbar -->
|
||||
<div>
|
||||
<style>
|
||||
.bottom-bar {
|
||||
position:fixed;
|
||||
bottom:0px;
|
||||
right:0px;
|
||||
height:4%;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
background: rgb(23, 35, 34);
|
||||
}
|
||||
.bottom-bar a {
|
||||
color: rgb(39, 176, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
.bottom-bar p {
|
||||
margin: -1px;
|
||||
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
|
||||
font-size: 20px;
|
||||
display:block;
|
||||
float:left;
|
||||
padding-top:3px;
|
||||
}
|
||||
.bottom-bar-left {
|
||||
display:block;
|
||||
float:left;
|
||||
padding-left:10px;
|
||||
}
|
||||
.bottom-bar-right {
|
||||
display:block;
|
||||
float:right;
|
||||
padding-right:20px
|
||||
}
|
||||
.bottom-bar-center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 20%
|
||||
}
|
||||
|
||||
.bottom-bar img {
|
||||
margin-right: 4px;
|
||||
position: relative;
|
||||
}
|
||||
.bottom-bar-heart {
|
||||
top: 2px;
|
||||
}
|
||||
.bottom-bar-xwiki {
|
||||
top: 3px;
|
||||
}
|
||||
</style>
|
||||
<div class="bottom-bar">
|
||||
<div class="bottom-bar-left">
|
||||
<p>
|
||||
<a href="http://www.xwiki.com/lang/en/Company/Research">
|
||||
Made with
|
||||
<img class="bottom-bar-heart" src="/customize/heart.png" />
|
||||
in
|
||||
<img class="bottom-bar-fr" src="/customize/fr.png" />
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="bottom-bar-center">
|
||||
<p><a href="https://github.com/xwiki-labs/cryptpad">Fork me on GitHub</a></p>
|
||||
</div>
|
||||
<div class="bottom-bar-right">
|
||||
<p>
|
||||
<a href="http://www.xwiki.com/" title="XWiki: The best way to organize your information">
|
||||
Hosted by
|
||||
<img src="/customize/logo-xwiki2.png"
|
||||
alt="XWiki SAS"
|
||||
class="bottom-bar-xwiki"
|
||||
/>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,7 +1,17 @@
|
||||
define([
|
||||
'/bower_components/jquery/dist/jquery.min.js'
|
||||
], function ($) {
|
||||
var main = function ($toolbar) {
|
||||
$toolbar.append('<p>Made With <img src="/customize/"> in Paris</p>')
|
||||
Dt.main($('.rtwysiwyg-toolbar-rightside'));
|
||||
], function () {
|
||||
var $ = window.jQuery;
|
||||
var main = function () {
|
||||
$.ajax({
|
||||
url: '/customize/BottomBar.html',
|
||||
success: function (ret) {
|
||||
$('iframe').height('96%');
|
||||
$('body').append(ret);
|
||||
}
|
||||
});
|
||||
};
|
||||
return {
|
||||
main: main
|
||||
};
|
||||
});
|
||||
|
||||
0
customize.dist/fr.png
Executable file → Normal file
0
customize.dist/fr.png
Executable file → Normal file
|
Before Width: | Height: | Size: 545 B After Width: | Height: | Size: 545 B |
Binary file not shown.
|
Before Width: | Height: | Size: 545 B |
@@ -20,8 +20,8 @@
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.buttons {
|
||||
margin-top: 10px;
|
||||
.buttons h5 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.button {
|
||||
padding: 2px 6px 2px 6px;
|
||||
@@ -31,6 +31,7 @@
|
||||
border-left: 1px solid #CCCCCC;
|
||||
}
|
||||
</style>
|
||||
<script src="/bower_components/requirejs/require.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<a href="https://github.com/xwiki-labs/cryptpad"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>
|
||||
@@ -56,10 +57,18 @@
|
||||
the NSA mad enough for them to use an active attack against you, Great Success Highfive, now take
|
||||
the battery out of your computer before it spawns Agent Smith.</p>
|
||||
<center>
|
||||
<h5>Try it out!</h5>
|
||||
<div class="buttons">
|
||||
<a class="button create" href="pad">CREATE PAD</a>
|
||||
<a class="button create" href="sheet">CREATE SPREADSHEET</a>
|
||||
<noscript><strong>OOPS</strong> In order to do encryption in your browser, Javascript is really <strong>really</strong> required.</noscript>
|
||||
<script>
|
||||
require(['/common/crypto.js'], function (Crypto) {
|
||||
document.getElementById('buttons').setAttribute('style', '');
|
||||
document.getElementById('create-pad').setAttribute('href', '/pad/#' + Crypto.genKey());
|
||||
document.getElementById('create-sheet').setAttribute('href', '/sheet/#' + Crypto.genKey());
|
||||
});
|
||||
</script>
|
||||
<div id="buttons" class="buttons" style="display:none;">
|
||||
<h5>Try it out!</h5>
|
||||
<a id="create-pad" class="button create" href="pad">CREATE PAD</a>
|
||||
<a id="create-sheet" class="button create" href="sheet">CREATE SPREADSHEET</a>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
BIN
customize.dist/logo-xwiki2.png
Normal file
BIN
customize.dist/logo-xwiki2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -1,6 +1,6 @@
|
||||
require([
|
||||
'/customize/DecorateToolbar.js',
|
||||
'/bower_components/jquery/dist/jquery.min.js'
|
||||
], function (Dt, $) {
|
||||
Dt.main($('.rtwysiwyg-toolbar-rightside'));
|
||||
], function (Dt) {
|
||||
Dt.main(window.$('#bottom-bar'));
|
||||
});
|
||||
|
||||
6
customize.dist/sheet.js
Normal file
6
customize.dist/sheet.js
Normal file
@@ -0,0 +1,6 @@
|
||||
require([
|
||||
'/customize/DecorateToolbar.js',
|
||||
'/bower_components/jquery/dist/jquery.min.js'
|
||||
], function (Dt) {
|
||||
Dt.main(window.$('#bottom-bar'));
|
||||
});
|
||||
Reference in New Issue
Block a user