Personal Site v2000000
How do I make an personal site v2000000?
What is a personal site v2000000? How do you make a personal site v2000000? This script and codes were developed by Matt Cowley on 12 June 2022, Sunday.
Personal Site v2000000 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Personal Site v2000000</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='http://fonts.googleapis.com/css?family=Raleway:500,400,300,200,100|Wire+One' rel='stylesheet' type='text/css'>
<body id="particles-js"> <div class="content"> <h1 class="title">Matt Cowley <small>aka. IPv4</small></h1> <p class="desc">ambitious website developer and keen theatre technician.<br/><small>Rarely I attempt a normal life.</small></p> <ul class="contact"> <li>Contact Me -</li> <li> <a href="mailto:[email protected]">[email protected]</a> </li> <li> <a target="_blank" href="http://codepen.io/MattCowley/">Codepen</a> </li> <li> <a target="_blank" href="https://twitter.com/MattIPv4/">Twitter</a> </li> </ul> <br/><br/> <ul class="contact"> <li>Things I've Worked On -</li> <li> <a target="_blank" href="https://cdn.unreal-designs.co.uk/">UDCDN</a> </li> <li> <a target="_blank" href="https://www.unreal-designs.co.uk/">Unreal Designs</a> </li> <li> <a target="_blank" href="http://www.youngtheatre.org.uk/">Young Theatre</a> </li> <li> <a target="_blank" href="http://dev.unreal-designs.co.uk/">UD Dev Server</a> </li> </ul> </div>
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Personal Site v2000000 - Script Codes CSS Codes
html,body { font-family: Raleway; overflow:hidden; width:100%; height:100%; position:absolute; background: linear-gradient(25deg,#0f55e4, #0a3a9c); text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.content { left:15%; top:20%; width:70%; position:relative;
}
h1.title { color:white; font-size: 4vw; display:inline; font-weight:500;
}
h1.title small { font-family: Wire One, sans-serif; font-size: 3vw; opacity: 0.8;
}
p.desc{ font-family: Wire One, sans-serif; position:relative; width:100%; font-size:4vw; color:rgba(255,255,255,1); font-weight: 200; margin-top:30px; margin-bottom:40px;
}
p.desc small{ font-size:2.5vw; opacity: 0.8;
}
.contacts { position:absolute; right:0%; bottom:0; margin-bottom:1vw; margin-right:1vw;
}
.contact li { list-style-type:none; float:left; color: rgba(255, 255, 255, 1); font-weight:100; font-size:17px;
}
.contact li a { text-decoration:none; color: rgba(255, 255, 255, 0.7); transition: color .2s;
}
.contact li a:hover{ color:rgba(255, 255, 255, 1); transition: color .2s;
}
.contact li~li { margin-left:1vw;
}
.particles-js-canvas-el { position: absolute; top: 0; left: 0; pointer-events: none;
}
Personal Site v2000000 - Script Codes JS Codes
particlesJS('particles-js', { 'particles': { 'number': { 'value': 50 }, 'color': { 'value': '#ffffff' }, 'shape': { 'type': 'triangle', 'polygon': { 'nb_sides': 5 } }, 'opacity': { 'value': 0.06, 'random': false }, 'size': { 'value': 11, 'random': true }, 'line_linked': { 'enable': true, 'distance': 150, 'color': '#ffffff', 'opacity': 0.4, 'width': 1 }, 'move': { 'enable': true, 'speed': 2, 'direction': 'none', 'random': false, 'straight': false, 'out_mode': 'out', 'bounce': false } }, 'interactivity': { 'detect_on': 'canvas', 'events': { 'onhover': { 'enable': false }, 'onclick': { 'enable': false, //true for v2 'mode': 'push' }, 'resize': true }, 'modes': { 'push': { 'particles_nb': 4 } } }, 'retina_detect': true
}, function() {
});
Developer | Matt Cowley |
Username | MattCowley |
Uploaded | June 12, 2022 |
Rating | 3 |
Size | 2,848 Kb |
Views | 111,320 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
WorldCorner Email Conformation | 1,726 Kb |
Unreal Designs Server Default Page | 2,551 Kb |
Unreal-Designs.co.uk Client Area Email | 1,748 Kb |
Sign | 1,718 Kb |
New Loading Screen For Site | 4,263 Kb |
Matt Cowley - Console Site | 5,694 Kb |
Dots - Pretty animation | 1,898 Kb |
Image Site - Error | 2,098 Kb |
IT GCSE Testbed | 1,622 Kb |
Simple Landing Page | 1,792 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
CMP5-Opdracht15 | SannevanGastel | 2,733 Kb |
Blog | Rottingroom | 1,430 Kb |
Stylize Stories | Jvhti | 2,465 Kb |
Savemedia1.1 | EdsonAlcala | 2,148 Kb |
CSS background-size - GSAP | Jonathan | 2,209 Kb |
Layout 11 | Altynai | 1,690 Kb |
Awesome Full Page Menu Nav | Ey_intuitive | 4,194 Kb |
Donald Trump - The New Yorker | Agbales | 2,502 Kb |
Sort the Knowlege | Eprouver | 3,915 Kb |
Jquery 2d character movement | Drewtadams | 4,291 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!