Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Cyberizm Matrix Reader İndex
#1
www.deccal.org

HTML:
Kod:
<div class="effects"></div>
<div class="overlays">
        <div class="msgbox"><span></span></div>
        <div class="loading"><span>Merhaba</span></div>
        <div class="error"><span>Hacked By Cyberizm</span></div>
</div>
<div class="news"></div>
<div class="bgtext"></div>
<div class="bgtextbig"></div>
<canvas id="c"></canvas>

CSS:
Kod:
$green: #00e700;
$greenbright: #d3ffd3;
$red: #e70000;

html, body, canvas {
    font-family:monospace;
    background:#000;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
}
body {
    > div, canvas {
        position:absolute;
        top:0;bottom:0;left:0;right:0;
    }
}

canvas {
    z-index:10;
    opacity:0.8;
}

.flex {
    display:flex !important;
}

.effects {
    z-index:100;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAQAAAD41K0JAAAADklEQVQI12Ng+A+EQAQADfsC/pD7Z48AAAAASUVORK5CYII=);
    background-repeat:repeat;
    opacity:0.1;
    pointer-events:none;
}

.overlays {
    z-index:50;
    display: flex;
    justify-content: center;
    align-items: center;


    .loading, .error, .msgbox {
        width:600px;
        height:140px;
        border:7px solid;
        display:none;
        justify-content: center;
        align-items: center;
        font-family:"Ubuntu Mono";
        font-weight:600;
        font-size:55px;
        letter-spacing: 5px;

        animation:msgopen ease-in-out 1;
        animation-duration:0.4s;
        animation-fill-mode:forwards;
    }
    .loading {
        color:rgba($green,1);
        border-color:rgba($green,0.8);
        background:rgba(0, 66, 0, 0.85);
        text-shadow:0 0 10px rgba($green,1);
        box-shadow:0 0 20px rgba($green,0.7);
        span {
            animation:loadingblink 1.5s linear infinite;
        }
    }
    .error {
        color:rgba($red,1);
        border-color:rgba($red,0.8);
        background:rgba(66, 0, 0, 0.85);
        text-shadow:0 0 10px rgba($red,1);
        box-shadow:0 0 20px rgba($red,0.7);
        span {
            animation:errorblink 2s linear infinite;
        }
    }
    .msgbox {
        color:rgba($greenbright,1);
        border-color:rgba($greenbright,0.8);
        background:rgba(45, 81, 45, 0.85);//rgba(0, 66, 0, 0.85);
        text-shadow:0 0 10px rgba($greenbright,0.8);
        box-shadow:0 0 20px rgba($greenbright,0.5);

        width: 500px;
        height: auto;
        min-height:50px;
        padding: 20px 25px;
        //word-wrap:break-word;

        font-weight:400;
        font-size:24px;
        line-height:40px;
        letter-spacing:initial;
        overflow:hidden;
        span {
            word-wrap:break-word;
            position:relative;
            /*&::before {
                content:'> ';
            }
            &::after {
                content:'_';
                animation:hardblink 1s linear infinite;
            }
                    */
            
        }
    }
}

//animations
@keyframes loadingblink {
    0% {
        color:rgba($green,0.6);
        text-shadow:0 0 6px rgba($green,0.6);
    }
    50% {
        color:rgba($green,1);
        text-shadow:0 0 10px rgba($green,1);
    }
    100% {
        color:rgba($green,0.6);
        text-shadow:0 0 6px rgba($green,0.6);
    }
}

@keyframes errorblink {
    0% {
        color:rgba($red,0.8);
        text-shadow:0 0 8px rgba($red,0.8);
    }
    50% {
        color:rgba($red,1);
        text-shadow:0 0 10px rgba($red,1);
    }
    100% {
        color:rgba($red,0.8);
        text-shadow:0 0 8px rgba($red,0.8);
    }
}

@keyframes msgopen {
    0% {
        transform:scale(0,0);
    }
    1% {
        transform:scale(0,0.01);
    }
    60% {
        transform:scale(1,0.01);
    }
    100% {
        transform:scale(1,1);
    }
}

@keyframes fadein {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes hardblink {
    0% {
        opacity:0;
    }
    49% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:1;
    }
}

//other
::selection {
    background:rgba(255,255,255,0.05);
}

JS:
Kod:
/* CONFIG HERE */
var chars = ["0", "1"];
var fontsize = 20;
var subreddits = ["worldnews"];
var displayTime = 1000 * 10;
var typeDelay = 25;
/* END OF CONFIG */

function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
}

(function() {
        var lastTime = 0;
        var vendors = ['ms', 'moz', 'webkit', 'o'];
        for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
                window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
                window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
        }

        if (!window.requestAnimationFrame)
                window.requestAnimationFrame = function(callback, element) {
                        var currTime = new Date().getTime();
                        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
                        var id = window.setTimeout(function() {
                                        callback(currTime + timeToCall);
                                },
                                timeToCall);
                        lastTime = currTime + timeToCall;
                        return id;
                };

        if (!window.cancelAnimationFrame)
                window.cancelAnimationFrame = function(id) {
                        clearTimeout(id);
                };
}());

var c, c2, cwidth, cheight, ctx, ctx2;
var yPositions = new Array(300).join(0).split('');

function draw() {
        ctx.shadowColor = "rgba(0,0,0,0)";
        ctx.fillStyle = 'rgba(0,0,0,.05)';
        ctx.fillRect(0, 0, cwidth, cheight);

        /*
            ctx2.clearRect(0,0,c2.width,c2.height);
            ctx2.drawImage(c, 0,0);
            ctx.clearRect(0,0,c.width,c.height);
            ctx.globalAlpha = 0.95;
            ctx.drawImage(c2,0,0);
        */

        ctx.fillStyle = '#d3ffd3';
        ctx.shadowColor = "#d3ffd3";
        if ($('body').hasClass('loaded')) {
                ctx.fillStyle = '#00e700';
                ctx.shadowColor = "#00e700";
        }

        if ($('body').hasClass('failure')) {
                ctx.fillStyle = '#e70000';
                ctx.shadowColor = "#e70000";
        }
        ctx.font = '20pt Source Code Pro';
        ctx.shadowOffsetX = 0;
        ctx.shadowOffsetY = 0;
        ctx.shadowBlur = 10;

        yPositions.map(function(y, index) {
                var text = chars[getRandomInt(0, chars.length - 1)];
                var x = (index * fontsize) + fontsize;
                c.getContext('2d').fillText(text, x, y);
                if (y > 100 + Math.random() * 1e4) {
                        yPositions[index] = 0;
                } else {
                        yPositions[index] = y + fontsize;
                }
        });

}

var fetchAtOnce = 100;
var titles = [];
var lastpost;
var errorthrown = false;
var fetchrunning = false;
var cTitle = "";
var lastType;
var lastNews = 0;
var msgBox;

function renderText() {

        if (Date.now() - lastType < typeDelay) {
                return;
        }
        lastType = new Date();
        if (cTitle.length === 0) { //either we're happily displaying or currently removing old news
                if (msgBox.html().length === 1) { //let's insert a new text!
                        cTitle = titles[0];
                        if (cTitle.length === 0) {
                                errorthrown = true;
                                return;
                        }
                        titles.splice(0, 1);
                        lastNews = new Date();
                } else { //remove old text
                        if (Date.now() - lastNews > displayTime) {
                                var before = msgBox.html();
                                msgBox.html(msgBox.html().substring(0, msgBox.html().length - 2) + '_');
                                if (before === msgBox.html()) {
                                        msgBox.html(msgBox.html().substring(0, msgBox.html().length - 5));
                                }
                        }
                }
        } else { //seems we need to wait OR add to the title
                if (cTitle.length > 0) {
                        msgBox.html(msgBox.html().substr(0, msgBox.html().length - 1) + cTitle[0] + '_');
                        cTitle = cTitle.slice(1);
                }
        }
}

function getNewPosts() {
        fetchrunning = true;
        var req = 'http://www.reddit.com/r/' + subreddits.join('+') + '/hot/.json?limit=' + fetchAtOnce;
        if (lastpost !== undefined && lastpost.length > 0) {
                req += '&after=t3_' + lastpost;
        }
        $.getJSON(req, function(data) {
                var children = data.data.children;
                $.each(children, function(i, item) {
                        titles.push(item.data.title);
                });
                if (children && children.length > 0) {
                        lastpost = children[children.length - 1].data.id;
                } else {
                        lastpost = undefined;
                }
                fetchrunning = false;
        }).fail(function() {
                errorthrown = true;
        });
}

var fpslock = 30;
var lastloop = 0;
var isLoading = true;
var isActive = false;

function mainLoop() {
        if (Date.now() - lastloop >= 1000 / fpslock) {
                lastloop = Date.now();
                draw();
                if (isActive === true) {
                        if (errorthrown !== false) {
                                $('.loading, .msgbox').removeClass('flex').css('display', 'none');
                                $('.error').addClass('flex');
                                $('body').addClass('failure');
                        } else {
                                if (fetchrunning === false && titles.length < 10) {
                                        getNewPosts();
                                }
                                if (isLoading === true) {
                                        if (fetchrunning === false) {
                                                isLoading = false;
                                                $('.loading').removeClass('flex').css('display', 'none');
                                                $('.msgbox').css('display', 'initial');
                                                $('body').addClass('loaded');
                                        }
                                } else {
                                        renderText();
                                }
                        }
                }
        }

        requestAnimationFrame(mainLoop);
}

$(document).ready(function() {
        c = $('#c').get(0);
        $('#c').css('height', $(window).height());
        $('#c').css('width', $(window).width());
        cwidth = c.width = $('body').width();
        cheight = c.height = $('body').height();
        ctx = c.getContext('2d');
        c2 = document.createElement('canvas');
        c2.width = c.width;
        c2.height = c.height;
        ctx2 = c2.getContext('2d');
        msgBox = $('.msgbox span');

        $('.loading').addClass('flex');
        mainLoop();
        setTimeout(function() {
                isActive = true;
        }, 3000);
});

$('body').one('click', function() {
        errorthrown = true;
});
Beğenenler: iMoGeN , KingSkrupellos
#2
Eline Sağlık harika kiss
Beğenenler:
#3
Eline Sağlık, Güzel Olmuş exciting
İnsɑnlɑr değişmez değişen tek şey şɑrtlɑr ve çıkɑrlɑr...
Beğenenler:
#4
Elinize saglik cok iyi olmuş
En büyük acizlik,kendinden başkası gibi görünmektir.
Beğenenler:
#5
eline emeğine sağlık D4RKG1RL exciting
www.deccal.org


Beğenenler:

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Cyberizm Üyelerine Özel İndex archavin 106 5,236 09-12-2016, Saat: 10:05
Son Yorum: the_zizil
  İndex arayanlara Hoşbir İndex RedLife 7 154 05-11-2016, Saat: 14:26
Son Yorum: RedLife
  İndex İstiyenlere İndex Buyrun archavin 120 5,556 03-10-2016, Saat: 05:18
Son Yorum: zadoba
  Yeni Başlayanlar İçin İndex H4Sec 185 12,860 04-09-2016, Saat: 00:51
Son Yorum: koahantizem
  Yepyeni İndex Tasarımı - Paus1453 paus1453 13 474 04-09-2016, Saat: 00:47
Son Yorum: koahantizem
Anahtar Kelimeler

Cyberizm Matrix Reader İndex indir, Cyberizm Matrix Reader İndex Videosu, Cyberizm Matrix Reader İndex Online izle, Cyberizm Matrix Reader İndex Bedava indir, Cyberizm Matrix Reader İndex Yükle, Cyberizm Matrix Reader İndex Hakkında, Cyberizm Matrix Reader İndex Nedir, Cyberizm Matrix Reader İndex Free indir, Cyberizm Matrix Reader İndex Oyunu, Cyberizm Matrix Reader İndex Download


1 Ziyaretçi