<html>
<head>
<script language=javascript>
var rev = "fwd";
function titlebar(val){
var msg = "Proiect-Rafael Radut";
var res = " ";
var speed = 100;
var pos = val;
msg = " "+msg+"";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else {
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
else {
if(pos > 0) {
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else {
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
}
titlebar(0);
</script>
<link href="http://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css" />
<script>alert("=ICHB Colentina=\nHello There!\nThis is my project.\nIt was pretty easy, but i like it.\n=RAFAEL RADUT=");</script>
<style type="text/css">
#container {
width:97vw;
margin:2vw auto;
}
font{
font-familly:Orbitron;
text-align:center;
letter-spacing:1px;
color:white;
/*Create overlap*/
margin:0;
line-height:0;
/*Animation*/
-webkit-animation: glitch1 2.5s infinite;
animation: glitch1 2.5s infinite;
}
font:nth-child(2) {
color: #67f3da;
-webkit-animation: glitch2 2.5s infinite;
animation: glitch2 2.5s infinite;
}
font:nth-child(3) {
color: #f16f6f;
-webkit-animation: glitch3 2.5s infinite;
animation: glitch3 2.5s infinite;
}
/*Keyframes*/
@-webkit-keyframes glitch1 {
0% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
7% {
-webkit-transform: skew(-0.5deg, -0.9deg);
transform: skew(-0.5deg, -0.9deg);
opacity: 0.75;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
30% {
-webkit-transform: skew(0.8deg, -0.1deg);
transform: skew(0.8deg, -0.1deg);
opacity: 0.75;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
55% {
-webkit-transform: skew(-1deg, 0.2deg);
transform: skew(-1deg, 0.2deg);
opacity: 0.75;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
75% {
-webkit-transform: skew(0.4deg, 1deg);
transform: skew(0.4deg, 1deg);
opacity: 0.75;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes glitch1 {
0% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
7% {
-webkit-transform: skew(-0.5deg, -0.9deg);
transform: skew(-0.5deg, -0.9deg);
opacity: 0.75;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
30% {
-webkit-transform: skew(0.8deg, -0.1deg);
transform: skew(0.8deg, -0.1deg);
opacity: 0.75;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
55% {
-webkit-transform: skew(-1deg, 0.2deg);
transform: skew(-1deg, 0.2deg);
opacity: 0.75;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
75% {
-webkit-transform: skew(0.4deg, 1deg);
transform: skew(0.4deg, 1deg);
opacity: 0.75;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes glitch2 {
0% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
7% {
-webkit-transform: translate(-2px, -3px);
transform: translate(-2px, -3px);
opacity: 0.5;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
30% {
-webkit-transform: translate(-5px, -2px);
transform: translate(-5px, -2px);
opacity: 0.5;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
55% {
-webkit-transform: translate(-5px, -1px);
transform: translate(-5px, -1px);
opacity: 0.5;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
75% {
-webkit-transform: translate(-2px, -6px);
transform: translate(-2px, -6px);
opacity: 0.5;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
}
@keyframes glitch2 {
0% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
7% {
-webkit-transform: translate(-2px, -3px);
transform: translate(-2px, -3px);
opacity: 0.5;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
30% {
-webkit-transform: translate(-5px, -2px);
transform: translate(-5px, -2px);
opacity: 0.5;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
55% {
-webkit-transform: translate(-5px, -1px);
transform: translate(-5px, -1px);
opacity: 0.5;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
75% {
-webkit-transform: translate(-2px, -6px);
transform: translate(-2px, -6px);
opacity: 0.5;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
}
mm
@-webkit-keyframes glitch3 {
0% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
7% {
-webkit-transform: translate(2px, 3px);
transform: translate(2px, 3px);
opacity: 0.5;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
30% {
-webkit-transform: translate(5px, 2px);
transform: translate(5px, 2px);
opacity: 0.5;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
55% {
-webkit-transform: translate(5px, 1px);
transform: translate(5px, 1px);
opacity: 0.5;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
75% {
-webkit-transform: translate(2px, 6px);
transform: translate(2px, 6px);
opacity: 0.5;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
}
@keyframes glitch3 {
0% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
7% {
-webkit-transform: translate(2px, 3px);
transform: translate(2px, 3px);
opacity: 0.5;
}
10% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
27% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
30% {
-webkit-transform: translate(5px, 2px);
transform: translate(5px, 2px);
opacity: 0.5;
}
35% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
52% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
55% {
-webkit-transform: translate(5px, 1px);
transform: translate(5px, 1px);
opacity: 0.5;
}
50% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
72% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
75% {
-webkit-transform: translate(2px, 6px);
transform: translate(2px, 6px);
opacity: 0.5;
}
80% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 0.25;
}
}
</style>
</head>
<body bgcolor="galaxy" oncontextmenu="return false;" onkeydown="return false;" onmousedown="return false;" ondragstart="return false" onselectstart="return false">
<iframe width="0" height="0" scrolling="yes" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/403414851&auto_play=true&hide_related=false&show_comments=false&show_user=true&show_reposts=false&visual=false"></iframe>
<h1 style="color: red; text-align: center; text-decoration-style: dashed; background-color: purple; font-size: 35px;" >ICHB Colentina</h1>
<p style="color: yellow; background-color: grey;">My name is <strong><a href="https://instagram.com/rapha.r99/" target="_blank">Radut Rafael</a></strong>,<br> I'm 15, i study at <strong><a href="https://www.ichb.ro/" target="_blank">ICHB Colentina</a></strong> , <br>I like football and my goal is to become successful.</p>
<h2 style="color: red">Myself</h2>
<h2 style="color: orange">Hobbies</h2>
<h2 style="color: green">Goals</h2>
<h2 style="color: blue">EXAMPLE</h2>
<h2 style="color: white">EXAMPLE</h2>
<h2 style="color: white">EXAMPLE</h2>
<script type="text/javascript">
var snowmax=30
var snowcolor=new Array("white","yellow","red","aqua")
var snowtype=new Array("Arial Narrow","Times","Comic Sans MS")
var snowletter="."
var sinkspeed=0.6
var snowmaxsize=30
var snowminsize=10
var snowingzone=1
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<script type="text/javascript">
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var
d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var
e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else
c=d;d=c.target,"string"==typeof
c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var
e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var
f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var
s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return
d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var
a=a.toLowerCase(),b=this.all_shortcuts[a];delete
this.all_shortcuts[a];if(b){var
a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://www.shafou.com"});
//]]>
</script>
</body>
</html>