Hey, this is an idea I've been cooking up for a while. Here's how to play:-
■ The aim is to create a small website through each post being a script, we then put it together in the end and see what we come up with.
■ The language will be [B]HTML[/B] for now, we will move to things like C++ and C# later on when we get the hang of it.
■ Me, being the game master. Will put the script together in the end, then host it on my website.
I'm pretty unsure if this will work or not, but its worth a test. The rules are as follows:-
■ No Viruses or scripts designed to screw up PC's
■ Only use JavaScript and HTML, and CSS and now PHP! Other languages can go away!
I'll put it all together at the end and see what the wonderful community of facepunch makes! I guess I should start.
[CODE]
<html>
<head>
<title> Group Script </title>
<style>
body{
margin: 0; background-color: black; color: white;
}
</style>
</head>
<body>
<p> The first line </p>
</body>
</html> <!-- Pro Programmers know that skipping the </html> makes you a king -->
[/CODE]
[B]
Update:[/B]
[QUOTE]I'll be hosting it by the end of today, I'm going to allow you to create other pages since we now have the first one done. [/QUOTE]
[B]Second Update:
[/B]
[url]http://facepunch.servermanager.miixit.org/[/url]
Its hosted here.
[B]You can still add to it! You can now state on the top of your post what page you are coding for. Lets add to this, and make the best website in the world.[/B]
[B][U]PHP IS NOW ALLOWED. SAME RULES APPLY THOUGH.[/U][/B]
Contribute if you can!
[code]<html>
<head>
<title> Group Script </title>
<style>
body{
margin: 0; background-color: black; color: white;
}
</style>
</head>
<body>
<p> The first line </p>
</body>
</html>
[/code]
alright now we have working code to start with
[QUOTE=Johnny Guitar;42842902][code]<html>
<head>
<title> Group Script </title>
<style>
body{
margin: 0; background-color: black; color: white;
}
</style>
</head>
<body>
<p> The first line </p>
</body>
</html>
[/code]
alright now we have working code to start with[/QUOTE]
Silly me, well that does make me look a little stupid. I can assure you my intentions are strictly honorable.
Why do we use HTML to start this game in a [b]Programming[/b] subforum?
you can program in javascript :V
[code]<html>
<head>
<title> Group Script </title>
<style>
body {
margin: 0;
color: white;
background-color: black;
}
</style>
</head>
<body>
<p> The first line </p>
</body>
</html>[/code]
Hnng
[code]<html>
<head>
<title> Group Script </title>
<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<style type="text/less">
body {
margin: 0;
color: white;
background-color: black;
.poop {
color: red;
}
}
</style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js" type="text/javascript">less.refresh()</script>
</head>
<body>
<p> The first line </p>
<p class="poop"> uh </p>
</body>
</html>[/code]
added lesscss and jquery
only because i wanted nested css and to advertise lesscss
[code]
<html>
<head>
<title> Group Script </title>
<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<style type="text/less">
body {
margin: 0;
color: white;
background-color: black;
.poop {
color: red;
}
}
</style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js" type="text/javascript">less.refresh()</script>
</head>
<body>
<p> The first line </p>
<h1>My ass hurts</h1>
<p class="poop"> uh </p>
</body>
</html>
[/code]
[code]
<html>
<head>
<title> Group Script </title>
<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<style type="text/less">
body {
color: white;
background-color: black;
}
.poop {
color: red;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
}
</style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js" type="text/javascript">less.refresh()</script>
<script src="http://cpancake.github.io/rainbowpage.min.js"></script>
</head>
<body>
<p> The first line </p>
<h1>My ass hurts</h1>
<p class="poop"> uh </p>
</body>
</html>
[/code]
featuring totally-not-shady rainbow script
[editline]12th November 2013[/editline]
fuck nested css pure css 4 life
[code]<!doctype html><!-- Nobody did this yet? --><html>
<head>
<title> Group Script </title>
<script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<style type="text/less">
body {
color: white;
background-color: black;
}
.poop {
color: red;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
}
@keyframes spin {
from {
transform: rotate(0deg) scale(0.1);
}
to {
transform: rotate(359deg) scale(1);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg) scale(0.1);
}
to {
-webkit-transform: rotate(359deg) scale(1);
}
}
#spin {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
display: box;
box-pack: center;
box-align: center;
animation: spin 0.5s infinite;
-webkit-animation: spin 0.5s infinite;
overflow: hidden;
}
</style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js" type="text/javascript">less.refresh()</script>
<script src="http://cpancake.github.io/rainbowpage.min.js"></script>
</head>
<body>
<div id="spin">
<img src="http://i.imgur.com/JsV8lif.jpg" />
</div>
<p> The first line </p>
<h1>My ass hurts</h1>
<p class="poop"> uh </p>
<audio autoplay="autoplay" loop="loop">
<source src="http://puu.sh/5gWtN/4f76a0461a.mp3" type="audio/mp3">
<source src="http://puu.sh/5gWqa/79e0195ded.wav" type="audio/wav">
Your browser is gay.
</audio>
</body>
</html>[/code]
Animations :v:
[editline]fucking code tags[/editline]
I wish I had a better host for those sounds.
[editline]hsajkhdsad[/editline]
Fucking code tags.
