diff options
| -rw-r--r-- | SputnicSans-2020.ttf | bin | 0 -> 33580 bytes | |||
| -rw-r--r-- | contact.html | 31 | ||||
| -rw-r--r-- | index.html | 30 | ||||
| -rw-r--r-- | mmmmmmmmmmmmaaaaaaaaaaaaaaaaiiiiiiiiiiiiiiillllllllllllllllll.svg | 1 | ||||
| -rw-r--r-- | services.html | 47 | ||||
| -rw-r--r-- | style.css | 135 | ||||
| -rw-r--r-- | wave.svg | 1 |
7 files changed, 245 insertions, 0 deletions
diff --git a/SputnicSans-2020.ttf b/SputnicSans-2020.ttf Binary files differnew file mode 100644 index 0000000..0e56516 --- /dev/null +++ b/SputnicSans-2020.ttf diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..d1b543b --- /dev/null +++ b/contact.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>31337itsolutions</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <div class="content"> + <h1>Contact</h1> + <p> + info <img src="mmmmmmmmmmmmaaaaaaaaaaaaaaaaiiiiiiiiiiiiiiillllllllllllllllll.svg" id="haha"> 31337itsolutions.com + <p> + + 1 9 4 9 4 4 4 2 2 1 3 + <div class="menu"> + <ul class="menu"> + <li><a href="/">Home</a></li> + <li><a href="/services.html">Services</a></li> + <li><a href="https://dev.31337itsolutions.com">Git</a></li> + <li><a href="/contact.html">Contact</a></li> + </ul> + </div> + <p> + <div id="copyright"> + Copyright © 2022 31337 IT Solutions + <br> + All Rights Reserved + </div> + </div> +</body> +</html> diff --git a/index.html b/index.html new file mode 100644 index 0000000..239959c --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>31337itsolutions</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <div class="beach"> + <div class="content"> + <h1>Welcome to 31337itsolutions.com!</h1> + <p> + We specialize in providing over 25 years of experience in delivering top tier IT consulting services. Our full stack runs the gamut all the way from software, hardware, network and security engineering, and in a wide range of fields such as marketing, art & design, and research. + <div class="menu"> + <ul class="menu"> + <li><a href="/">Home</a></li> + <li><a href="/services.html">Services</a></li> + <li><a href="https://dev.31337itsolutions.com">Git</a></li> + <li><a href="/contact.html">Contact</a></li> + </ul> + <div> + <div id="copyright"> + Copyright © 2022 31337 IT Solutions + <br> + All Rights Reserved + </div> + </div> + </div> +</body> +</html> diff --git a/mmmmmmmmmmmmaaaaaaaaaaaaaaaaiiiiiiiiiiiiiiillllllllllllllllll.svg b/mmmmmmmmmmmmaaaaaaaaaaaaaaaaiiiiiiiiiiiiiiillllllllllllllllll.svg new file mode 100644 index 0000000..70886ef --- /dev/null +++ b/mmmmmmmmmmmmaaaaaaaaaaaaaaaaiiiiiiiiiiiiiiillllllllllllllllll.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="441.164" height="441.164" style="enable-background:new 0 0 441.164 441.164" xml:space="preserve"><path d="M220.582 441.164c6.903 0 12.5-5.597 12.5-12.5s-5.598-12.5-12.5-12.5c-104.27 0-189.099-87.738-189.099-195.582S116.312 25 220.582 25s189.1 87.738 189.1 195.582c0 67.736-30.037 109.027-58.148 125.085-13.99 7.992-28.035 9.798-36.654 4.715-8.775-5.177-10.477-16.616-10.354-25.303V106.163c0-6.903-5.598-12.5-12.5-12.5s-12.5 5.597-12.5 12.5v37.494a114.827 114.827 0 0 0-4.168-5.387c-18.773-22.77-43.943-35.309-70.876-35.309-26.932 0-52.103 12.54-70.876 35.309-18.198 22.07-28.22 51.269-28.22 82.217s10.021 60.146 28.22 82.217c18.773 22.771 43.944 35.31 70.876 35.31 26.933 0 52.103-12.541 70.876-35.31 1.441-1.75 2.83-3.55 4.168-5.388v27.505c-.277 21.592 7.766 38.314 22.654 47.096 16.574 9.774 39.662 8.078 61.754-4.542 34.201-19.536 70.748-68.357 70.748-146.793 0-58.845-22.221-114.188-62.568-155.834C331.658 22.995 277.844 0 220.582 0 163.318 0 109.504 22.995 69.053 64.748c-40.349 41.646-62.57 96.989-62.57 155.834 0 58.846 22.221 114.188 62.569 155.834 40.452 41.753 94.266 64.748 151.53 64.748zm-16.103-128.152c-40.856 0-74.096-41.507-74.096-92.525 0-51.02 33.239-92.526 74.096-92.526 40.856 0 74.097 41.507 74.097 92.526 0 51.018-33.24 92.525-74.097 92.525z"/></svg>
\ No newline at end of file diff --git a/services.html b/services.html new file mode 100644 index 0000000..066fca6 --- /dev/null +++ b/services.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>31337itsolutions</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <div class="content"> + <h1>Welcome to 31337itsolutions.com!</h1> + <p> + We do basic Tier1 leven service IT consulting for the corporate and private sector, as well as our own in-house research and development. Our services include the following: + <ul> + <li>Software Engineering</li> + <li>Hardware Engineering</li> + <li>Network Engineering</li> + <li>Security Engineering</li> + <li>Security Auditing</li> + <li>Exploit Development</li> + <li>Security Incident Response</li> + <li>Managed Services - Hosting - Webmastering</li> + <li>DDoS Mitigation</li> + <li>VPN Services</li> + <li>Database Administration</li> + <li>Data Recovery Services</li> + <li>Telecom</li> + <li>Graphic Design for Web</li> + <li>And much more...</li> + </ul> + <p> + <a href="/contact">Contact us today and we'll be happy to give you a quote!</a> + <div class="menu"> + <ul class="menu"> + <li><a href="/">Home</a></li> + <li><a href="/services.html">Services</a></li> + <li><a href="https://dev.31337itsolutions.com">Git</a></li> + <li><a href="/contact.html">Contact</a></li> + </ul> + </div> + <div id="copyright"> + Copyright © 2022 31337 IT Solutions + <br> + All Rights Reserved + </div> + </div> +</body> +</html> diff --git a/style.css b/style.css new file mode 100644 index 0000000..6049c25 --- /dev/null +++ b/style.css @@ -0,0 +1,135 @@ +/* init */ + +@font-face { + font-family: "SputnicSans"; + src: url('SputnicSans-2020.ttf'); +} + +/* main body and colors */ + +:root { + --sand1: hsl(59, 100%, 86%, 0.5); + --sand2: hsl(59, 100%, 86%, 0.2); + --sand3: hsl(59, 100%, 86%, 0.1); + --beachborder: hsl(255, 0, 0, 0.1); + --dark-blue: hsl(211, 100%, 50%); + --light-blue: hsl(179, 100%, 40%); + /* The 0.75 alpha here is so the dark black text flows with the gradient */ + --textcolor: hsla(0, 0%, 0%, 0.75); + --visitedcolor: hsl(211, 100%, 50%); + --linkcolor: hsl(215, 100%, 50%); + --textshadow: hsl(211, 100%, 50%); +} + +html { + width: 100%; + font: 1.6em "SputnicSans", sans-serif; + color: var(--textcolor); + background: linear-gradient(-45deg, var(--sand1), var(--light-blue), var(--dark-blue)); + background-size: 400% 400%; + animation: gradient 10s ease infinite; + height: 100vh; +} + +/* +body { + width: 100%; + height: 100%; + background: linear-gradient(to top left , var(--sand1), var(--sand2), var(--sand3), hsla(10,10%,10%,.10)); + background-size: 100% 100%; +} +*/ + +@keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +a { + color: var(--linkcolor); + text-shadow: 0 0 5px var(--textshadow); + font-weight: 400; + padding-bottom: 5px; + background: url("wave.svg"); + /* + background-repeat: repeat; + background-position-x: 0%; + background-position-y: 0%; + background-size: auto auto; + */ + background-repeat: repeat-x; + background-size: 15px 5px; + background-position: 1px 19px; + animation: move 15s linear infinite; + -webkit-animation: move 15s linear infinite; + animation-play-state: paused; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +@-webkit-keyframes move { +from { + background-position: 2px 19px; + } + to { + background-position: 500px 19px; + } +} + +@keyframe move { +from { + background-position: 2px 19px; + } + to { + background-position: 500px 19px; + } +} + +a:hover { + color: var(--textcolor); + text-decoration-style: wavy; + animation-play-state: running; + text-shadow: 0 0 5px var(--textshadow); +} + +a:visited { + color: var(--vistedcolor); + text-shadow: 0 0 5px var(--textshadow); +} + +.content { + margin-bottom: 1em; +} + +div.menu { + text-align: center; +} + +ul.menu { + list-style-type: none; + padding: 0; +} + +ul.menu li { + display: inline-block; + margin: 0 1em; + text-decoration: none; +} + +div#copyright { + text-align: center; + font-size: 0.8em; +} + +img#haha { + width: 3%; + height: 3%; +} diff --git a/wave.svg b/wave.svg new file mode 100644 index 0000000..e0a6d9f --- /dev/null +++ b/wave.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.3 6" style="enable-background:new 0 0 19.3 6" xml:space="preserve"><path d="M-5.5 3.8C-4.2 4.8-2.8 6 0 6s4.2-1.2 5.5-2.2C6.6 2.8 7.6 2 9.7 2s3 .8 4.2 1.8c1.3 1 2.7 2.2 5.5 2.2s4.2-1.2 5.5-2.2l-1.4-.9c-1.1 1-2.1 1.8-4.2 1.8s-3-.8-4.2-1.8C13.9 1.9 12.4.7 9.7.7 6.9.7 5.5 1.9 4.2 2.9 3 3.9 2.1 4.7 0 4.7s-3-.8-4.2-1.8l-1.3.9z" style="fill:#007bff"/></svg>
\ No newline at end of file |
