Hi. We've made songs together. We've made currencies together. We've made a newsletter together. This time we're going to make a website together, and it will represent everything this website stands for.
This is made for people who are nerds and have knowledge of HTML, CSS, or JavaScript. If you meet this criterion but still do not understand the rules below, just send a message.
🟡
STATUS: Ready
The on-page code has been changed to reflect any additions, but the webpage has not been updated.
05:51 EST January 19 2023
The current code:
index.html1 <!-- This code was created by the folks over at Two Cans and String
2 https://twocansandstring.com/forum/technical/12059/page1 -->
3 <!DOCTYPE html>
4 <html>
5 <head>
6 <title>Two Cans and String 2</title>
7 <link rel="stylesheet" href="./style.css" />
8 </head>
9 <body>
10 <h1>Two Cans and String</h1>
11 <h2>this is a subtitle</h2>
12 <h3>this is a subsubtitle</h3>
13 <h4>this is a subsubsubtitle</h4>
14 <br />
15 <button onclick="document.body.style.backgroundColor = 'black';">
16 Useful Button
17 </button>
18 <button
19 onclick="document.body.style.backgroundColor = '#634632'; document.querySelector('#horseimg').hidden = false;"
20 >
21 horse
22 </button>
23 <button>Less Useful Button</button>
24 <img
25 src="https://twocansandstring.com/uploads/drawn/35839.png"
26 alt="horse"
27 id="horseimg"
28 hidden
29 />
30 <button onclick="document.body.style.backgroundColor = '#ffffffff'; document.querySelector('#horseimg').hidden = true;">reset page</button>
31 <button><a href="https://twocansandstring.com/">Original Site</a></button>
32 <script>
33 window.onload = () => alert("horse");
34 </script>
35 </body>
36 </html>
1 * {
2 box-sizing: border-box;
3 }
4
5 body {
6 font-family: "Comfortaa", sans-serif;
7 }
8
9 h1 {
10 color: #add8e6;
11 text-align: center;
12 }
Please remember that I am one man that has to update this every time a new message is sent. If there is a backlog of messages (>=3) please don't add anymore for my own sake.
To insert a line of code, send a post formatted like this, where
X is the line of code before what you're inserting, and
Y is the line of code after what you're inserting (if you are editing a page other than index.html, state which one):
X <head>
<title>This is my cool webpage</title>
Y </head>
If you are replacing something or inserting content inbetween an element, format it like this, replacing the X in
- X with the line of code you are replacing:
- X <p></p>
+ <p>Look at me ma</p>
After an insertion or replacement, certain elements like <style>, <div>, or <script> will be given linebreaks to improve readability and made changing stuff around easier and less destructive.
You are only allowed to add one line at a time. Anything longer than that won't be considered, and something that would give an error or break the page will also be dismissed.
If there is a <style> tag, <script> tag, or any tag that uses another language, you are allowed to insert code in that designated language between it. For example, if someone added a <style> tag on line 4 and you wanted to make the background blue, you would send this:
- 4 <style></style>
+ <style>body { background: blue; }</style>
209.157 days ago
Nov 13, 2022 - 3:39 AM
Here, I'll start things off.
3 <head>
<title>Two Cans and String 2</title>
4 </head>
208.675 days ago
Nov 13, 2022 - 3:13 PM
6<br>
7<button>Useless Button</button>
208.666 days ago
Nov 13, 2022 - 3:27 PM
Your post is invalid. You added two lines and you aren't telling me where to insert anything. Reread the rules or if you're confused ask me about it.
208.65 days ago
Nov 13, 2022 - 3:49 PM
208.59 days ago
Nov 13, 2022 - 5:15 PM
208.572 days ago
Nov 13, 2022 - 5:42 PM
208.552 days ago
Nov 13, 2022 - 6:10 PM
...What part about this do you not understand? Have you read the rules? Thoroughly? That isn't even close to valid. Not even close.
208.468 days ago
Nov 13, 2022 - 8:12 PM
I HAVE! THIS MAKES NO SENSE! ALL I WANT TO DO IS PUT A BREAK TAG ON LINE EIGHT!
208.45 days ago
Nov 13, 2022 - 8:37 PM
208.449 days ago
Nov 13, 2022 - 8:39 PM
hoyle i dont understand either im sorry
208.444 days ago
Nov 13, 2022 - 8:45 PM
Maybe this was just too good to be true.
208.415 days ago
Nov 13, 2022 - 9:28 PM
No, the rules just need to be reworked
208.412 days ago
Nov 13, 2022 - 9:33 PM
I am too fucking lazy to rewrite them and I feel like most people here don't know HTML anyways. Just tell me what you don't understand, otherwise I wouldn't know what to change.
208.41 days ago
Nov 13, 2022 - 9:35 PM
I don't understand how to ADD A SINGLE LINE OF CODE
208.404 days ago
Nov 13, 2022 - 9:43 PM
208.404 days ago
Nov 13, 2022 - 9:44 PM
All I am wanting to do is put a break tag underneath the header
208.403 days ago
Nov 13, 2022 - 9:46 PM
7 <h1>Two Cans and String</h1>
<br>
8 </body>
208.367 days ago
Nov 13, 2022 - 10:37 PM
208.339 days ago
Nov 13, 2022 - 11:18 PM
Thank god. It's been added now. I applaud you, Kylljoy.
208.298 days ago
Nov 14, 2022 - 12:16 AM
208.258 days ago
Nov 14, 2022 - 1:14 AM
i still dont get it and i am expert coder
208.249 days ago
Nov 14, 2022 - 1:27 AM
208.244 days ago
Nov 14, 2022 - 1:34 AM
8<br>
<button>Useless Button</button>
9</body>
208.21 days ago
Nov 14, 2022 - 2:24 AM
Can we make a stylesheet file?
208.109 days ago
Nov 14, 2022 - 4:49 AM
{
"thread_id": "12059",
"posts": [
{
"id": "1249449",
"time": "1668310764",
"html": "Hi. We've made songs together. We've made currencies together. We've made a newsletter together. This time we're going to make a website together, and it will represent everything this website stands for.<br /><br />This is made for people who are nerds and have knowledge of HTML, CSS, or JavaScript. If you meet this criterion but still do not understand the rules below, just send a message.<br /><br />\ud83d\udfe1 <span style=\"font-weight:bold;\">STATUS:</span> Ready<br />The on-page code has been changed to reflect any additions, but the webpage has not been updated.<br /><div style=\"font-style:italic;color:#888;\">05:51 EST January 19 2023</div><br /><a href=\"https://theki.noncities.com/tcas/\">The current code</a>:<br /><span style=\"font-weight:bold;\">index.html</span><br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">1 <!-- This code was created by the folks over at Two Cans and String<br />\n2 https://twocansandstring.com/forum/technical/12059/page1 --><br />\n3 <!DOCTYPE html><br />\n4 <html><br />\n5 <head><br />\n6 <title>Two Cans and String 2</title><br />\n7 <link rel="stylesheet" href="./style.css" /><br />\n8 </head><br />\n9 <body><br />\n10 <h1>Two Cans and String</h1><br />\n11 <h2>this is a subtitle</h2><br />\n12 <h3>this is a subsubtitle</h3><br />\n13 <h4>this is a subsubsubtitle</h4><br />\n14 <br /><br />\n15 <button onclick="document.body.style.backgroundColor = 'black';"><br />\n16 Useful Button<br />\n17 </button><br />\n18 <button<br />\n19 onclick="document.body.style.backgroundColor = '#634632'; document.querySelector('#horseimg').hidden = false;"<br />\n20 ><br />\n21 horse<br />\n22 </button><br />\n23 <button>Less Useful Button</button><br />\n24 <img<br />\n25 src="https://twocansandstring.com/uploads/drawn/35839.png"<br />\n26 alt="horse"<br />\n27 id="horseimg"<br />\n28 hidden<br />\n29 /><br />\n30 <button onclick="document.body.style.backgroundColor = '#ffffffff'; document.querySelector('#horseimg').hidden = true;">reset page</button><br />\n31 <button><a href="https://twocansandstring.com/">Original Site</a></button><br />\n32 <script><br />\n33 window.onload = () => alert("horse");<br />\n34 </script><br />\n35 </body><br />\n36 </html><br />\n</div><br /><span style=\"font-weight:bold;\">style.css</span><br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">1 * {<br />\n2 box-sizing: border-box;<br />\n3 }<br />\n4 <br />\n5 body {<br />\n6 font-family:\u00a0"Comfortaa",\u00a0sans-serif;<br />\n7 }<br />\n8 <br />\n9 h1 { <br />\n10 color: #add8e6; <br />\n11 text-align: center;<br />\n12 }<br />\n</div><br />Please remember that I am one man that has to update this every time a new message is sent. If there is a backlog of messages (>=3) please don't add anymore for my own sake.<br /><br /><span style=\"font-weight:bold;\">To insert a line of code</span>, send a post formatted like this, where <span style=\"font-style:italic;\">X is the line of code before what you're inserting</span>, and <span style=\"font-style:italic;\">Y is the line of code after what you're inserting</span> (if you are editing a page other than index.html, state which one):<br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">X <head><br />\n <title>This is my cool webpage</title><br />\nY </head><br />\n</div><br />If you are replacing something or inserting content inbetween an element, format it like this, replacing the X in <span style=\"font-style:italic;\">- X</span> with the line of code you are replacing:<br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">- X <p></p><br />\n+ <p>Look at me ma</p><br />\n</div><br />After an insertion or replacement, certain elements like <style>, <div>, or <script> will be given linebreaks to improve readability and made changing stuff around easier and less destructive.<br /><br /><span style=\"font-weight:bold;\">You are only allowed to add one line at a time</span>. Anything longer than that won't be considered, and something that would give an error or break the page will also be dismissed.<br /><br />If there is a <style> tag, <script> tag, or any tag that uses another language, you are allowed to insert code in that designated language between it. For example, if someone added a <style> tag on line 4 and you wanted to make the background blue, you would send this:<br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">- 4 <style></style><br />\n+ <style>body { background: blue; }</style><br />\n</div>",
"user": "hoylecake"
},
{
"id": "1249469",
"time": "1668352431",
"html": "Here, I'll start things off.<br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">3 <head><br />\n <title>Two Cans and String 2</title><br />\n4 </head><br />\n</div>",
"user": "hoylecake"
},
{
"id": "1249470",
"time": "1668353234",
"html": "<div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">6<br><br />\n7<button>Useless Button</button><br />\n</div>",
"user": "broncoboy18"
},
{
"id": "1249475",
"time": "1668354571",
"html": "Your post is invalid. You added two lines and you aren't telling me where to insert anything. Reread the rules or if you're confused ask me about it.",
"user": "hoylecake"
},
{
"id": "1249477",
"time": "1668359746",
"html": "Does this work?<br /><div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\"><br />\n+8 <br><br />\n</div>",
"user": "broncoboy18"
},
{
"id": "1249479",
"time": "1668361328",
"html": "No. Reread the rules.",
"user": "hoylecake"
},
{
"id": "1249481",
"time": "1668363057",
"html": "<div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\"><br />\n8 <br><br />\n</div>",
"user": "broncoboy18"
},
{
"id": "1249489",
"time": "1668370340",
"html": "...What part about this do you not understand? Have you read the rules? Thoroughly? That isn't even close to valid. Not even close.",
"user": "hoylecake"
},
{
"id": "1249491",
"time": "1668371849",
"html": "I HAVE! THIS MAKES NO SENSE! ALL I WANT TO DO IS PUT A BREAK TAG ON LINE EIGHT!",
"user": "broncoboy18"
},
{
"id": "1249492",
"time": "1668371986",
"html": "<h2 class=\"heading\">oh my fucking god</h2>",
"user": "hoylecake"
},
{
"id": "1249493",
"time": "1668372359",
"html": "hoyle i dont understand either im sorry",
"user": "bug"
},
{
"id": "1249506",
"time": "1668374916",
"html": "Maybe this was just too good to be true.",
"user": "hoylecake"
},
{
"id": "1249507",
"time": "1668375185",
"html": "No, the rules just need to be reworked",
"user": "broncoboy18"
},
{
"id": "1249509",
"time": "1668375321",
"html": "I am too fucking lazy to rewrite them and I feel like most people here don't know HTML anyways. Just tell me what you don't understand, otherwise I wouldn't know what to change.",
"user": "hoylecake"
},
{
"id": "1249516",
"time": "1668375813",
"html": "I don't understand how to ADD A SINGLE LINE OF CODE",
"user": "broncoboy18"
},
{
"id": "1249518",
"time": "1668375869",
"html": "Elaborate?",
"user": "hoylecake"
},
{
"id": "1249519",
"time": "1668375965",
"html": "All I am wanting to do is put a break tag underneath the header",
"user": "broncoboy18"
},
{
"id": "1249522",
"time": "1668379070",
"html": "<div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\">7 <h1>Two Cans and String</h1><br />\n <br><br />\n8 </body></div>",
"user": "kylljoy"
},
{
"id": "1249533",
"time": "1668381511",
"html": "Okay, that makes sense",
"user": "broncoboy18"
},
{
"id": "1249544",
"time": "1668385016",
"html": "Thank god. It's been added now. I applaud you, Kylljoy.",
"user": "hoylecake"
},
{
"id": "1249550",
"time": "1668388461",
"html": "Just doing my part.",
"user": "kylljoy"
},
{
"id": "1249551",
"time": "1668389279",
"html": "i still dont get it and i am expert coder",
"user": "bug"
},
{
"id": "1249553",
"time": "1668389682",
"html": "prove it",
"user": "hoylecake"
},
{
"id": "1249563",
"time": "1668392651",
"html": "<div style=\"text-align:left;background-color:#e8e8e8;padding:12px;-moz-border-radius:8px;border-radius:8px;font-family:"Courier New", monospace;overflow:auto;\"><br />\n8<br><br />\n <button>Useless Button</button><br />\n9</body><br />\n</div>",
"user": "broncoboy18"
},
{
"id": "1249574",
"time": "1668401367",
"html": "Can we make a stylesheet file?",
"user": "caveat"
}
],
"users": {
"hoylecake": {
"name": "hoylecake",
"key": "hoylecake",
"url": "/users/hoylecake",
"avatar": "/uploads/drawn/42626.png",
"rankClass": "civilian",
"rankText": "",
"posts": "6509"
},
"broncoboy18": {
"name": "BroncoBoy18",
"key": "broncoboy18",
"url": "/users/broncoboy18",
"avatar": "/uploads/drawn/21075.png",
"rankClass": "civilian",
"rankText": "",
"posts": "10491"
},
"bug": {
"name": "bug",
"key": "bug",
"url": "/users/bug",
"avatar": "/uploads/drawn/42619.png",
"rankClass": "civilian",
"rankText": "",
"posts": "7072"
},
"kylljoy": {
"name": "Kylljoy",
"key": "kylljoy",
"url": "/users/kylljoy",
"avatar": "/uploads/drawn/26951.png",
"rankClass": "civilian",
"rankText": "",
"posts": "4927"
},
"caveat": {
"name": "caveat",
"key": "caveat",
"url": "/users/caveat",
"avatar": "/uploads/drawn/39364.png",
"rankClass": "civilian",
"rankText": "",
"posts": "3265"
}
},
"page_num": 1,
"locked": 0,
"total_pages": 4
}
