Skip to content

Commit

Permalink
allowed comments
Browse files Browse the repository at this point in the history
  • Loading branch information
@Tyiho
Tyiho committed Sep 29, 2023
1 parent 418b637 commit 3277631
Show file tree
Hide file tree
Showing 4 changed files with 162 additions and 8 deletions.
3 changes: 2 additions & 1 deletion _notebooks/2023-08-28-basics-home.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,12 @@
"metadata": {},
"source": [
"---\n",
"comments: true\n",
"layout: post\n",
"title: Web Programming Basics\n",
"description: An introduction to key topics in Web Programming\n",
"courses: { csse: {week: 4} }\n",
"type: ccc\n",
"type: hacks\n",
"permalink: /basics/home\n",
"---"
]
Expand Down
149 changes: 147 additions & 2 deletions _notebooks/2023-08-28-basics-html.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
"description: An introduction to basic HTML, and resources to learn more.\n",
"type: ccc\n",
"permalink: /basics/html\n",
"author: Rohan Juneja\n",
"comments: true\n",
"---"
]
},
Expand Down Expand Up @@ -161,6 +161,143 @@
"- https://www.w3schools.com/html/default.asp\n",
"- I will show a demo of how to find information on this website"
]
},
{
"cell_type": "code",
"execution_count": 1,
"metadata": {
"vscode": {
"languageId": "html"
}
},
"outputs": [
{
"data": {
"text/html": [
"<!DOCTYPE html>\n",
"<html>\n",
"\n",
"<head>\n",
" <style>\n",
" .div1 {\n",
" border: none;\n",
" background-color: white;\n",
" text-align: left;\n",
" color: black;\n",
" padding-top: 5px;\n",
" padding-bottom: 10px;\n",
" padding-left: 15px;\n",
" padding-right: 15px;\n",
" margin-bottom: 10px;\n",
" }\n",
"\n",
" .div2 {\n",
" border: 5px outset blue;\n",
" background-color: white;\n",
" text-align: left;\n",
" color: black;\n",
" padding-top: 15px;\n",
" padding-bottom: 5px;\n",
" padding-left: 15px;\n",
" padding-right: 15px;\n",
" }\n",
" </style>\n",
"</head>\n",
"\n",
"<body>\n",
" <div class=\"div1\">\n",
" <p id=\"toggleParagraph\">Click this button to toggle visibility</p>\n",
" <button onclick=\"toggleVisibility()\">This is a button</button>\n",
" </div>\n",
" <div class=\"div2\">\n",
" <a target=\"_blank\" href=\"https://frogpants.github.io/student/\">Link to Spencer's page</a><br>\n",
" <a target=\"_blank\" href=\"https://seannakagawa.github.io/student/\">Link to Sean's page</a><br>\n",
" <a target=\"_blank\" href=\"https://github.com/Trystan-Schmits/Student1\">Link to Trystan's page</a><br>\n",
" <a target=\"_blank\" href=\"https://zafeera123.github.io/ZafeerA123/\">Link to Zafeer's page</a><br>\n",
" <a target=\"_blank\" href=\"INPUT GAME LINK\">Link to our game</a>\n",
" <p>The name of our game is...</p>\n",
" </div>\n",
"\n",
" <script>\n",
" function toggleVisibility() {\n",
" // Get the paragraph element\n",
" var paragraph = document.getElementById('toggleParagraph');\n",
"\n",
" // Toggle visibility\n",
" paragraph.style.display = (paragraph.style.display === 'none') ? 'block' : 'none';\n",
" }\n",
" </script>\n",
"</body>\n",
"\n",
"</html>\n"
],
"text/plain": [
"<IPython.core.display.HTML object>"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"%%html\n",
"<!DOCTYPE html>\n",
"<html>\n",
"\n",
"<head>\n",
" <style>\n",
" .div1 {\n",
" border: none;\n",
" background-color: white;\n",
" text-align: left;\n",
" color: black;\n",
" padding-top: 5px;\n",
" padding-bottom: 10px;\n",
" padding-left: 15px;\n",
" padding-right: 15px;\n",
" margin-bottom: 10px;\n",
" }\n",
"\n",
" .div2 {\n",
" border: 5px outset blue;\n",
" background-color: white;\n",
" text-align: left;\n",
" color: black;\n",
" padding-top: 15px;\n",
" padding-bottom: 5px;\n",
" padding-left: 15px;\n",
" padding-right: 15px;\n",
" }\n",
" </style>\n",
"</head>\n",
"\n",
"<body>\n",
" <div class=\"div1\">\n",
" <p id=\"toggleParagraph\">Click this button to toggle visibility</p>\n",
" <button onclick=\"toggleVisibility()\">This is a button</button>\n",
" </div>\n",
" <div class=\"div2\">\n",
" <a target=\"_blank\" href=\"https://frogpants.github.io/student/\">Link to Spencer's page</a><br>\n",
" <a target=\"_blank\" href=\"https://seannakagawa.github.io/student/\">Link to Sean's page</a><br>\n",
" <a target=\"_blank\" href=\"https://github.com/Trystan-Schmits/Student1\">Link to Trystan's page</a><br>\n",
" <a target=\"_blank\" href=\"https://zafeera123.github.io/ZafeerA123/\">Link to Zafeer's page</a><br>\n",
" <a target=\"_blank\" href=\"INPUT GAME LINK\">Link to our game</a>\n",
" <p>The name of our game is...</p>\n",
" </div>\n",
"\n",
" <script>\n",
" function toggleVisibility() {\n",
" // Get the paragraph element\n",
" var paragraph = document.getElementById('toggleParagraph');\n",
"\n",
" // Toggle visibility\n",
" paragraph.style.display = (paragraph.style.display === 'none') ? 'block' : 'none';\n",
" }\n",
" </script>\n",
"</body>\n",
"\n",
"</html>"
]
}
],
"metadata": {
Expand All @@ -170,8 +307,16 @@
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"version": "3.9.12"
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.10.12"
},
"orig_nbformat": 4
},
Expand Down
16 changes: 12 additions & 4 deletions _notebooks/2023-08-30-basics-js-data-types.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"description: A Tech Talk on javascript data types and how to use with lists\n",
"type: ccc\n",
"permalink: /basics/datatypes\n",
"author: Rohan Juneja\n",
"comments: true\n",
"---"
]
},
Expand Down Expand Up @@ -454,7 +454,7 @@
},
{
"cell_type": "code",
"execution_count": 3,
"execution_count": 6,
"metadata": {
"vscode": {
"languageId": "html"
Expand All @@ -464,8 +464,11 @@
{
"data": {
"text/html": [
"<p><button onclick=\"doStuff()\"> Console Log Stuff</button></p>\n",
"\n",
"<script>\n",
"// Create an object representing Zafeer Ahmed\n",
"// Create an object representing Trystan Schmits\n",
"function doStuff(){\n",
"var person = {\n",
" name: \"Trystan Schmits\",\n",
" age: 16,\n",
Expand Down Expand Up @@ -508,6 +511,7 @@
"console.log(\"Type of 'name':\", typeOfName);\n",
"console.log(\"Type of 'interests':\", typeOfInterests);\n",
"console.log(\"Type of 'age':\", typeOfAge);\n",
"}\n",
"</script>\n"
],
"text/plain": [
Expand All @@ -520,8 +524,11 @@
],
"source": [
"%%html\n",
"<p><button onclick=\"doStuff()\"> Console Log Stuff</button></p>\n",
"\n",
"<script>\n",
"// Create an object representing Zafeer Ahmed\n",
"// Create an object representing Trystan Schmits\n",
"function doStuff(){\n",
"var person = {\n",
" name: \"Trystan Schmits\",\n",
" age: 16,\n",
Expand Down Expand Up @@ -564,6 +571,7 @@
"console.log(\"Type of 'name':\", typeOfName);\n",
"console.log(\"Type of 'interests':\", typeOfInterests);\n",
"console.log(\"Type of 'age':\", typeOfAge);\n",
"}\n",
"</script>"
]
}
Expand Down
2 changes: 1 addition & 1 deletion _notebooks/2023-08-30-basics-js-with-html.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
"description: A Tech Talk on how javascript can interact with HTML DOM\n",
"type: ccc\n",
"permalink: /basics/dom\n",
"author: Rohan Juneja\n",
"comments: true\n",
"---"
]
},
Expand Down

0 comments on commit 3277631

Please sign in to comment.