Skip to content
This repository has been archived by the owner on May 18, 2024. It is now read-only.

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@hollacs
hollacs committed Jul 18, 2023
1 parent 135c77b commit c5c6ae1
Showing 1 changed file with 299 additions and 0 deletions.
299 changes: 299 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,299 @@
<!DOCTYPE html>
<html data-theme="dark">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Constrix - Official Website</title>
<link rel="stylesheet" href="./styles.css">
<link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/138226524?s=200&v=4">
</head>

<body>
</body>

<!-- navbar -->

<div class="navbar bg-base-100">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost btn-circle">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" />
</svg>
</label>
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
<li><a>Forum</a></li>
<li><a>Discord</a></li>
<li><a>Server</a></li>
<li><a>Github</a></li>
</ul>
</div>
</div>
<div class="navbar-center">
<a href="/" class="btn btn-ghost normal-case text-xl">Constrix</a>
</div>
<div class="navbar-end">
<a href="https://github.com/Constrix" target="_blank">
<button class="btn btn-ghost btn-circle">
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="inline-block h-5 w-5 fill-current md:h-6 md:w-6">
<path
d="M256,32C132.3,32,32,134.9,32,261.7c0,101.5,64.2,187.5,153.2,217.9a17.56,17.56,0,0,0,3.8.4c8.3,0,11.5-6.1,11.5-11.4,0-5.5-.2-19.9-.3-39.1a102.4,102.4,0,0,1-22.6,2.7c-43.1,0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1,1.4-14.1h.1c22.5,2,34.3,23.8,34.3,23.8,11.2,19.6,26.2,25.1,39.6,25.1a63,63,0,0,0,25.6-6c2-14.8,7.8-24.9,14.2-30.7-49.7-5.8-102-25.5-102-113.5,0-25.1,8.7-45.6,23-61.6-2.3-5.8-10-29.2,2.2-60.8a18.64,18.64,0,0,1,5-.5c8.1,0,26.4,3.1,56.6,24.1a208.21,208.21,0,0,1,112.2,0c30.2-21,48.5-24.1,56.6-24.1a18.64,18.64,0,0,1,5,.5c12.2,31.6,4.5,55,2.2,60.8,14.3,16.1,23,36.6,23,61.6,0,88.2-52.4,107.6-102.3,113.3,8,7.1,15.2,21.1,15.2,42.5,0,30.7-.3,55.5-.3,63,0,5.4,3.1,11.5,11.4,11.5a19.35,19.35,0,0,0,4-.4C415.9,449.2,480,363.1,480,261.7,480,134.9,379.7,32,256,32Z" />
</svg>
</button>
</a>
</div>
</div>

<!-- hero main content -->

<div class="hero min-h-screen bg-base-200">
<div class="hero-content text-center px-8">
<div class="max-w-md">
<h1 class="text-5xl font-bold">Constrix</h1>
<p class="py-6">We are a group of CS 1.6 enthusiasts who share a love for the game. Our goal is to provide
an exceptional gaming experience for players in Asia.
</p>

<div class="grid tablet:grid-cols-1 laptop:grid-cols-2 desktop:grid-cols-2 gap-4">

<!-- Open the modal using ID.showModal() method -->
<button class="btn btn-accent" onclick="my_modal_1.showModal()">Forum</button>
<dialog id="my_modal_1" class="modal">
<form method="dialog" class="modal-box">
<h2 class="text-3xl mb-5 font-bold">Forum community</h2>
<p class="mb-5">Our forum is currently under construction. We will notify you on Discord once it
is finished.</p>
<a href="https://forum.constrix.org" class="link link-success mt-5"
target="_blank">https://forum.constrix.org</a>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>

<!-- Open the modal using ID.showModal() method -->
<button class="btn btn-accent" onclick="my_modal_2.showModal()">Discord</button>
<dialog id="my_modal_2" class="modal">
<form method="dialog" class="modal-box">
<h2 class="text-3xl mb-5 font-bold">Discord server</h2>
<p class="mb-5">Join our Discord group:</p>
<a href="https://discord.gg/x93rDCysU" class="link link-success mt-5"
target="_blank">https://discord.gg/x93rDCysU</a>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>

<!-- Open the modal using ID.showModal() method -->
<button class="btn btn-accent" onclick="my_modal_3.showModal()">Server</button>
<dialog id="my_modal_3" class="modal">
<form method="dialog" class="modal-box">
<h2 class="text-3xl mb-5 font-bold">Counter-Strike 1.6 Server</h2>
<p>Our game server is located in Singapore, and we have combined various game modes into one
server, allowing players to vote for the mode they want to play.</p>
<p class="text-gray-300 mt-5">IP: <span class="text-orange-500">cs.constrix.org:27015</span></p>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>

<!-- Open the modal using ID.showModal() method -->
<button class="btn btn-accent" onclick="my_modal_4.showModal()">Github</button>
<dialog id="my_modal_4" class="modal">
<form method="dialog" class="modal-box">
<h2 class="text-3xl mb-5 font-bold">Github Source code</h2>
<p class="mb-5">Currently, all of our works are fully open source, except for the game server.
Please check out our GitHub repositories for more details.</p>
<a href="https://github.com/Constrix" class="link link-success mt-5"
target="_blank">https://github.com/Constrix</a>
</form>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
</div>
</div>
</div>
</div>

<!-- Server-->

<div class="container mx-auto py-5 pt-8 text-center">

<h1 class="text-5xl font-bold text-center py-10">Server features</h1>

<div class="grid tablet:grid-cols-1 laptop:grid-cols-3 desktop:grid-cols-3 gap-4">
<div class="bg-base-200 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
<div>
<span class="inline-flex items-center justify-center p-2 rounded-md shadow-lg">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
class="bi bi-server" viewBox="0 0 16 16">
<path
d="M1.333 2.667C1.333 1.194 4.318 0 8 0s6.667 1.194 6.667 2.667V4c0 1.473-2.985 2.667-6.667 2.667S1.333 5.473 1.333 4V2.667z" />
<path
d="M1.333 6.334v3C1.333 10.805 4.318 12 8 12s6.667-1.194 6.667-2.667V6.334a6.51 6.51 0 0 1-1.458.79C11.81 7.684 9.967 8 8 8c-1.966 0-3.809-.317-5.208-.876a6.508 6.508 0 0 1-1.458-.79z" />
<path
d="M14.667 11.668a6.51 6.51 0 0 1-1.458.789c-1.4.56-3.242.876-5.21.876-1.966 0-3.809-.316-5.208-.876a6.51 6.51 0 0 1-1.458-.79v1.666C1.333 14.806 4.318 16 8 16s6.667-1.194 6.667-2.667v-1.665z" />
</svg>
</span>
</div>
<h1 class="text-white text-2xl font-bold mt-5 text-center">Server information</h1>
<p class="text-slate-400 dark:text-slate-400 mt-2 text-sm">
Our game server is located in Singapore, an clean linux server to running out Counter-Strike 1.6 Server.
</p>
</div>

<div class="bg-base-200 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
<div>
<span class="inline-flex items-center justify-center p-2 rounded-md shadow-lg">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
class="bi bi-server" viewBox="0 0 16 16">
<path
d="M1.333 2.667C1.333 1.194 4.318 0 8 0s6.667 1.194 6.667 2.667V4c0 1.473-2.985 2.667-6.667 2.667S1.333 5.473 1.333 4V2.667z" />
<path
d="M1.333 6.334v3C1.333 10.805 4.318 12 8 12s6.667-1.194 6.667-2.667V6.334a6.51 6.51 0 0 1-1.458.79C11.81 7.684 9.967 8 8 8c-1.966 0-3.809-.317-5.208-.876a6.508 6.508 0 0 1-1.458-.79z" />
<path
d="M14.667 11.668a6.51 6.51 0 0 1-1.458.789c-1.4.56-3.242.876-5.21.876-1.966 0-3.809-.316-5.208-.876a6.51 6.51 0 0 1-1.458-.79v1.666C1.333 14.806 4.318 16 8 16s6.667-1.194 6.667-2.667v-1.665z" />
</svg>
</span>
</div>
<h1 class="text-white text-2xl font-bold mt-5 text-center">Server styles</h1>
<p class="text-slate-400 dark:text-slate-400 mt-2 text-sm">
We have combined various game modes into one server, allowing players to vote for the mode they want to
play.
</p>
</div>

<div class="bg-base-200 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
<div>
<span class="inline-flex items-center justify-center p-2 rounded-md shadow-lg">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
class="bi bi-server" viewBox="0 0 16 16">
<path
d="M1.333 2.667C1.333 1.194 4.318 0 8 0s6.667 1.194 6.667 2.667V4c0 1.473-2.985 2.667-6.667 2.667S1.333 5.473 1.333 4V2.667z" />
<path
d="M1.333 6.334v3C1.333 10.805 4.318 12 8 12s6.667-1.194 6.667-2.667V6.334a6.51 6.51 0 0 1-1.458.79C11.81 7.684 9.967 8 8 8c-1.966 0-3.809-.317-5.208-.876a6.508 6.508 0 0 1-1.458-.79z" />
<path
d="M14.667 11.668a6.51 6.51 0 0 1-1.458.789c-1.4.56-3.242.876-5.21.876-1.966 0-3.809-.316-5.208-.876a6.51 6.51 0 0 1-1.458-.79v1.666C1.333 14.806 4.318 16 8 16s6.667-1.194 6.667-2.667v-1.665z" />
</svg>
</span>
</div>
<h1 class="text-white text-2xl font-bold mt-5 text-center">Server mode</h1>
<p class="text-slate-400 dark:text-slate-400 mt-2 text-sm">
We have various modes available on this server, including Zombie Plague, Gun Mode, Fun Mode, Basebuild,
and more.
</p>
</div>
</div>
</div>

<!-- Constrix Team -->

<div class="container mx-auto py-5 mt-10 pt-10">
<h1 class="text-5xl font-bold text-center">Constrix Team</h1>

<div class="grid tablet:grid-cols-1 laptop:grid-cols-3 desktop:grid-cols-3 gap-4">
<div class="card bg-base-100 shadow-xl">
<figure class="px-10 pt-10">
<img src="/static/holla.png" alt="holla" class="rounded-full w-20" />
</figure>
<div class="card-body items-center text-center">
<h2 class="card-title">Holla</h2>
<p class="text-sm">A socially isolated person who is excessively devoted to studying CS1.6 and has a more thorough
understanding of the game than of the opposite gender's bodies.</p>
<div class="card-actions mt-10">
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#AMXX
</span>
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#CPP
</span>
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#BGM MAKER
</span>
</div>
</div>
</div>

<div class="card bg-base-100 shadow-xl">
<figure class="px-10 pt-10">
<img src="/static/Fisux.png" alt="Fisux" class="rounded-full w-20" />
</figure>
<div class="card-body items-center text-center">
<h2 class="card-title">Fisux</h2>
<span class="text-green-600 italic">#! /usr/bin/bash</span>
<p class="text-sm">A Linux user who is passionate about learning computer technology and also enjoys
playing CS</p>
<div class="card-actions mt-10">
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#LINUX
</span>
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#WEB
</span>
</div>
</div>
</div>

<div class="card bg-base-100 shadow-xl">
<figure class="px-10 pt-10">
<img src="/static/5L5c17.webp" alt="5L5c17" class="rounded-full w-20" />
</figure>
<div class="card-body items-center text-center">
<h2 class="card-title">5L5c17</h2>
<p class="text-sm">Expert in creating Counter-Strike 1.6 Maps. His interest is ''Go''(Weiqi). A HongKong 5 Dan ''Go''
player and Darts player. Welcome to challenge his ''Go'' game.</p>
<div class="card-actions mt-10">
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#MAP
</span>
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#GO
</span>
<span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
#DARTS
</span>
</div>
</div>
</div>

</div>
</div>

<!-- footer -->

<footer class="footer footer-center p-10 text-primary-content">
<div>
<img src="https://avatars.githubusercontent.com/u/138226524?s=200&v=4" width="50px" height="50px">
<p>
Constrix - Asia Cs 1.6 Player
</p>
<p>NoCopyright © 2023 - We love Cs 1.6</p>
</div>
<div>
<div class="grid grid-flow-col bg-base-100 gap-6">
<a><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-discord"
viewBox="0 0 16 16">
<path
d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z" />
</svg></a>
<a><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-youtube"
viewBox="0 0 16 16">
<path
d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
</svg></a>
<a><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-github"
viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
</svg></a>
</div>
</div>
</footer>

</html>

0 comments on commit c5c6ae1

Please sign in to comment.