mirror of
https://github.com/pcottle/learnGitBranching.git
synced 2025-07-09 06:04:26 +02:00
now working for art of presence
This commit is contained in:
parent
a817cec5f5
commit
c4cc6cd57e
3 changed files with 37 additions and 4 deletions
|
@ -60,7 +60,7 @@ function Color(color_string)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
re: /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([0-9.]+)\)*$/,
|
re: /^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*([0-9.]+)\)*$/,
|
||||||
example: ['rgba(123, 234, 45, 0.2)', 'rgb(255,234,245,1)'],
|
example: ['rgba(123, 234, 45, 0.2)', 'rgba(255,234,245,1)'],
|
||||||
process: function (bits){
|
process: function (bits){
|
||||||
return [
|
return [
|
||||||
parseInt(bits[1]),
|
parseInt(bits[1]),
|
||||||
|
@ -69,7 +69,21 @@ function Color(color_string)
|
||||||
parseFloat(bits[4])
|
parseFloat(bits[4])
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
re: /^rgba\((\d{1,3})%,\s*(\d{1,3})%,\s*(\d{1,3})%,\s*([0-9.]+)\)*$/,
|
||||||
|
example: ['rgba(100%, 97%, 45%, 0.2)', 'rgba(1%,4%,245%,1)'],
|
||||||
|
process: function (bits){
|
||||||
|
var parseRound = function(bit) {
|
||||||
|
return Math.round((parseInt(bit) / 100) * 256);
|
||||||
|
};
|
||||||
|
return [
|
||||||
|
parseRound(bits[1]),
|
||||||
|
parseRound(bits[2]),
|
||||||
|
parseRound(bits[3]),
|
||||||
|
parseFloat(bits[4])
|
||||||
|
];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -104,7 +118,7 @@ function Color(color_string)
|
||||||
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
|
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
|
||||||
}
|
}
|
||||||
this.toRGBA = function() {
|
this.toRGBA = function() {
|
||||||
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a;
|
return 'rgba(' + this.r + ', ' + this.g + ', ' + this.b + ', ' + this.a + ')';
|
||||||
}
|
}
|
||||||
|
|
||||||
this.toHex = function () {
|
this.toHex = function () {
|
||||||
|
|
|
@ -114,7 +114,7 @@ function Breather(closure, baseline, delta, period, wait) {
|
||||||
var period_in_seconds = period || time.breathePeriod;
|
var period_in_seconds = period || time.breathePeriod;
|
||||||
this.period = 2 * Math.PI * 1000 * period_in_seconds;
|
this.period = 2 * Math.PI * 1000 * period_in_seconds;
|
||||||
|
|
||||||
this.interpolationFunction = TWEEN.Easing.Wave.Triangle;
|
this.interpolationFunction = TWEEN.Easing.Cubic.EaseInOut;
|
||||||
|
|
||||||
if (wait) {
|
if (wait) {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
|
|
19
src/style/main.css
Normal file
19
src/style/main.css
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
html,body {
|
||||||
|
overflow:hidden;
|
||||||
|
|
||||||
|
background: -moz-radial-gradient(center, ellipse cover, #0066cc 0%, #000000 90%);
|
||||||
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0066cc), color-stop(90%,#000000));
|
||||||
|
background: -webkit-radial-gradient(center, ellipse cover, #0066cc 0%,#000 90%);
|
||||||
|
background: -o-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
||||||
|
background: -ms-radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
||||||
|
background: radial-gradient(center, ellipse cover, #0066cc 0%,#000000 90%);
|
||||||
|
-webkit-perspective:600px;
|
||||||
|
font-family: 'Lato', Times, 'Times New Roman', serif;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 200;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
|
||||||
|
color: #eee;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue