100Days

PycharmProjects/Arch Linux Logo/.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

PycharmProjects/Arch Linux Logo/.idea/Arch Linux Logo.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

PycharmProjects/Arch Linux Logo/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,14 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPep8Inspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="E302" />
+          <option value="E265" />
+          <option value="E303" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

PycharmProjects/Arch Linux Logo/.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

PycharmProjects/Arch Linux Logo/.idea/misc.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.8" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.8" project-jdk-type="Python SDK" />
+</project>

PycharmProjects/Arch Linux Logo/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Arch Linux Logo.iml" filepath="$PROJECT_DIR$/.idea/Arch Linux Logo.iml" />
+    </modules>
+  </component>
+</project>

PycharmProjects/Arch Linux Logo/ArchLogo.py

@@ -0,0 +1,50 @@
+from turtle import Turtle, Screen
+
+arch = Turtle()
+
+arch.penup()
+arch.goto(-200, -50)
+arch.pendown()
+arch.pencolor("dodgerblue3")
+arch.fillcolor("dodgerblue3")
+arch.begin_fill()
+arch.left(70)
+arch.forward(200)
+arch.right(90)
+arch.forward(50)
+arch.left(170)
+arch.forward(50)
+arch.right(80)
+arch.forward(100)
+
+arch.right(130)
+arch.forward(200)
+arch.right(90)
+arch.forward(50)
+arch.left(170)
+arch.forward(50)
+arch.right(80)
+arch.forward(120)
+arch.right(140)
+arch.forward(120)
+arch.right(75)
+arch.circle(35, 191)
+arch.right(68)
+arch.forward(100)
+arch.end_fill()
+arch.hideturtle()
+arch.penup()
+
+arch.setx(-175.0)
+arch.sety(-85.0)
+arch.pencolor("dodgerblue3")
+arch.write("Arch", font=("Arial", 30, "bold"))
+
+arch.setx(-58.0)
+arch.sety(-85.0)
+arch.pencolor("black")
+arch.write("Linux", font=("Arial", 30, "bold"))
+
+
+screen = Screen()
+screen.exitonclick()

PycharmProjects/Pong-Game/.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

PycharmProjects/Pong-Game/.idea/Pong-Game.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

PycharmProjects/Pong-Game/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,13 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPep8Inspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="E302" />
+          <option value="E265" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

PycharmProjects/Pong-Game/.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

PycharmProjects/Pong-Game/.idea/misc.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.12 (pythonProject1)" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.12 (pythonProject1)" project-jdk-type="Python SDK" />
+</project>

PycharmProjects/Pong-Game/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Pong-Game.iml" filepath="$PROJECT_DIR$/.idea/Pong-Game.iml" />
+    </modules>
+  </component>
+</project>

PycharmProjects/Pong-Game/ball.py

@@ -0,0 +1,30 @@
+from turtle import Turtle
+
+
+class Ball(Turtle):
+
+    def __init__(self):
+        super().__init__()
+        self.color("white")
+        self.shape("circle")
+        self.penup()
+        self.x_move = 10
+        self.y_move = 10
+        self.move_speed = 0.1
+
+    def move(self):
+        new_x = self.xcor() + self.x_move
+        new_y = self.ycor() + self.y_move
+        self.goto(new_x, new_y)
+
+    def bounce_y(self):
+        self.y_move *= -1
+
+    def bounce_x(self):
+        self.x_move *= -1
+        self.move_speed *= 0.9
+
+    def reset_position(self):
+        self.goto(0, 0)
+        self.move_speed = 0.1
+        self.bounce_x()

PycharmProjects/Pong-Game/main.py

@@ -0,0 +1,49 @@
+from turtle import Screen, Turtle
+from paddle import Paddle
+from ball import Ball
+from scoreboard import Scoreboard
+import time
+
+screen = Screen()
+screen.bgcolor("black")
+screen.setup(width=2000, height=1000)
+screen.title("PONG GAME")
+screen.tracer(0)
+
+
+r_paddle = Paddle((900, 0))
+l_paddle = Paddle((-900, 0))
+ball = Ball()
+scoreboard = Scoreboard()
+
+screen.listen()
+screen.onkey(r_paddle.go_up, "Up")
+screen.onkey(r_paddle.go_down, "Down")
+screen.onkey(l_paddle.go_up, "w")
+screen.onkey(l_paddle.go_down, "s")
+
+game_is_on = True
+while game_is_on:
+    time.sleep(ball.move_speed)
+    screen.update()
+    ball.move()
+
+    #Detect collisions with wall
+    if ball.ycor() > 485 or ball.ycor() < -485:
+        ball.bounce_y()
+
+    #Detect collision with paddle
+    if ball.distance(r_paddle) < 40 and ball.xcor() > 340 or ball.distance(l_paddle) < 40 and ball.xcor() < -340:
+        ball.bounce_x()
+
+    #Detect when r paddle misses
+    if ball.xcor() > 940:
+        ball.reset_position()
+        scoreboard.l_point()
+
+    #Detect when l paddle misses
+    if ball.xcor() < -940:
+        ball.reset_position()
+        scoreboard.r_point()
+
+screen.exitonclick()

PycharmProjects/Pong-Game/paddle.py

@@ -0,0 +1,20 @@
+from turtle import Turtle
+
+
+class Paddle(Turtle):
+
+    def __init__(self, position):
+        super().__init__()
+        self.shape("square")
+        self.color("white")
+        self.shapesize(stretch_wid=5, stretch_len=1)
+        self.penup()
+        self.goto(position)
+
+    def go_up(self):
+        new_y = self.ycor() + 20
+        self.goto(self.xcor(), new_y)
+
+    def go_down(self):
+        new_y = self.ycor() - 20
+        self.goto(self.xcor(), new_y)

PycharmProjects/Pong-Game/scoreboard.py

@@ -0,0 +1,28 @@
+from turtle import Turtle
+
+class Scoreboard(Turtle):
+
+    def __init__(self):
+        super().__init__()
+        self.color("white")
+        self.penup()
+        self.hideturtle()
+        self.l_score = 0
+        self.r_score = 0
+        self.update_scoreboard()
+
+    def update_scoreboard(self):
+        self.clear()
+        self.goto(-300, 380)
+        self.write(self.l_score, align="center", font=("courier", 80, "normal"))
+        self.goto(300, 380)
+        self.write(self.r_score, align="center", font=("courier", 80, "normal"))
+
+
+    def l_point(self):
+        self.l_score += 1
+        self.update_scoreboard()
+
+    def r_point(self):
+        self.r_score += 1
+        self.update_scoreboard()

PycharmProjects/Snake Game/.idea/.gitignore

@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml

PycharmProjects/Snake Game/.idea/Snake Game.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

PycharmProjects/Snake Game/.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

PycharmProjects/Snake Game/.idea/misc.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.12 (pythonProject1)" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.12 (pythonProject1)" project-jdk-type="Python SDK" />
+</project>

PycharmProjects/Snake Game/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Snake Game.iml" filepath="$PROJECT_DIR$/.idea/Snake Game.iml" />
+    </modules>
+  </component>
+</project>

PycharmProjects/Snake Game/Main.Py

@@ -0,0 +1,48 @@
+from turtle import Screen
+from snake import Snake
+from food import Food
+from scoreborad import Scoreboard
+import time
+
+screen = Screen()
+screen.setup(width=600, height=600)
+screen.bgcolor("black")
+screen.title("!!SNAKE GAME!!")
+screen.tracer(0)
+
+snake = Snake()
+food = Food()
+scoreboard = Scoreboard()
+
+screen.listen()
+screen.onkey(snake.up, "Up")
+screen.onkey(snake.down, "Down")
+screen.onkey(snake.left, "Left")
+screen.onkey(snake.right, "Right")
+
+game_is_on = True
+while game_is_on:
+    screen.update()
+    time.sleep(0.1)
+    snake.move()
+
+    #Detect collision with food.
+    if snake.head.distance(food) < 15:
+        food.refresh()
+        snake.extend()
+        scoreboard.increase_score()
+
+    #Detect collision with wall.
+    if snake.head.xcor() > 950 or snake.head.xcor() < -950 or snake.head.ycor() > 482 or snake.head.ycor() < -482:
+        scoreboard.reset()
+        snake.reset()
+
+    #Detect collision with tail.
+    for segment in snake.segments[1:]:
+        if segment in snake.segments:
+            pass
+        elif snake.head.distance(segment) < 10:
+            scoreboard.reset()
+            snake.reset()
+
+screen.exitonclick()

PycharmProjects/Snake Game/data.txt

@@ -0,0 +1 @@
+0

PycharmProjects/Snake Game/food.py

@@ -0,0 +1,19 @@
+from turtle import Turtle
+import random
+
+
+class Food(Turtle):
+
+    def __init__(self):
+        super().__init__()
+        self.shape("circle")
+        self.penup()
+        self.shapesize(stretch_len=1.0, stretch_wid=1.0)
+        self.color("red")
+        self.speed("fastest")
+        self.refresh()
+
+    def refresh(self):
+        random_x = random.randint(-280, 280)
+        random_y = random.randint(-280, 280)
+        self.goto(random_x, random_y)

PycharmProjects/Snake Game/scoreborad.py

@@ -0,0 +1,32 @@
+from turtle import Turtle
+ALIGNMENT = "center"
+FONT = ("Courier", 21, "normal")
+
+class Scoreboard(Turtle):
+
+    def __init__(self):
+        super().__init__()
+        self.score = 0
+        with open("data.txt") as data:
+            self.high_score = int(data.read())
+        self.color("white")
+        self.penup()
+        self.goto(0, 460)
+        self.hideturtle()
+        self.update_scoreboard()
+
+    def update_scoreboard(self):
+        self.clear()
+        self.write(f"Score: {self.score} High Score: {self.high_score}", align=ALIGNMENT, font=FONT)
+
+    def reset(self):
+        if self.score > self.high_score:
+            self.high_score = self.score
+            with open("data.txt", mode="w") as data:
+                data.write(f"{self.high_score}")
+        self.score = 0
+        self.update_scoreboard()
+
+    def increase_score(self):
+        self.score += 1
+        self.update_scoreboard()

PycharmProjects/Snake Game/snake.py

@@ -0,0 +1,57 @@
+from turtle import Turtle
+STARTING_POSITION = [(0, 0), (-20, 0), (-40, 0)]
+MOVE_DISTANCE = 20
+UP = 90
+DOWN = 270
+LEFT = 180
+RIGHT = 0
+
+class Snake:
+
+    def __init__(self):
+        self.segments = []
+        self.create_snake()
+        self.head = self.segments[0]
+
+    def create_snake(self):
+        for position in STARTING_POSITION:
+            self.add_segment(position)
+    def add_segment(self, position):
+        new_segment = Turtle("square")
+        new_segment.color("white")
+        new_segment.penup()
+        new_segment.goto(position)
+        self.segments.append(new_segment)
+
+    def reset(self):
+        for seg in self.segments:
+            seg.goto(3000, 3000)
+        self.segments.clear()
+        self.create_snake()
+        self.head = self.segments[0]
+
+    def extend(self):
+        self.add_segment(self.segments[-1].position())
+
+    def move(self):
+        for seg_num in range(len(self.segments) - 1, 0, -1):
+            new_x = self.segments[seg_num - 1].xcor()
+            new_y = self.segments[seg_num - 1].ycor()
+            self.segments[seg_num].goto(new_x, new_y)
+        self.head.forward(MOVE_DISTANCE)
+
+    def up(self):
+        if self.head.heading() != DOWN:
+            self.head.setheading(UP)
+
+    def down(self):
+        if self.head.heading() != UP:
+            self.head.setheading(DOWN)
+
+    def left(self):
+        if self.head.heading() != RIGHT:
+            self.head.setheading(LEFT)
+
+    def right(self):
+        if self.head.heading() != LEFT:
+            self.head.setheading(RIGHT)

Web Development Python Projects/2.1+Heading+Element/2.1 Heading Element/index.html

@@ -0,0 +1,10 @@
+<h1>Book</h1>
+<h2>Chapter 1</h2>
+<h3>Section 1</h3>
+<h3>Section 2</h3>
+<h2>Chapter 2</h2>
+<h3>Section 1</h3>
+<h4>Diagram 1</h4>
+<h2>Chapter 3</h2>
+<h3>Section 1</h3>
+<h3>Section 2</h3>

Web Development Python Projects/2.1+Heading+Element/2.1 Heading Element/solution.html

@@ -0,0 +1,60 @@
+<!-- Scroll 👇 to check the solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1>Book</h1>
+<h2>Chapter 1</h2>
+<h3>Section 1</h3>
+<h3>Section 2</h3>
+<h2>Chapter 2</h2>
+<h3>Section 1</h3>
+<h4>Diagram 1</h4>
+<h2>Chapter 3</h2>
+<h3>Section 1</h3>
+<h3>Section 2</h3>

Web Development Python Projects/2.2+Paragraph+Element/2.2 Paragraph Element/index.html

@@ -0,0 +1,25 @@
+<p>First paragraph. It is very important to take care of the patient, and the patient will be followed by the patient, but it is a time of great pain and suffering
+    some Arc course of life homework. In the fans, if only the head of football, the author of the life of football is promoting football. Unless it's fun
+    great ease. Diam let the fans take care of the adipiscing and drink it whole. Who himself suspended basketball
+    It was said to be pregnant. Euismod element unless someone is eleifend. They live in old age and disease. He loves the fans
+    adipiscing is to be drunk whole. Viverra orci sagittis eu volutpat hate facilisis mauris. Unless someone
+    eleifend than adipiscing Neither the valley of tomorrow is always the author nor of life. Not a great warm-up for soccer goals. Long live the bow
+    the cat should be drunk to be sad and I just don't need a basketball player. In life's ugly mass but the element of time. football
+    but who benefits from the easy disease? By drinking some arrow, the element of life will be taken care of.</p>
+
+<p>Second paragraph. He accepts the adipiscing to be drunk. I'm not going to make it any easier tomorrow. The need for trucks is present
+    great sadness It is said that the vestibule lived in this street. Decorate the cartoon hospital with football arrows. Let it be fun
+    invest in He did not take a pillow or a laoreet at the gate of the hospital. I don't want to drink in football
+    homework For the ugly football needs the price of the bronze quiver and the investment. Pure chocolate with therapeutic arrows
+    he always needs a home. The need of the fringilla phasellus faucibus chocolate eleifend until the price. Condiment
+    lacinia who or eros until and hate.</p>
+
+<p>Third paragraph. It's not pure in the soft now but it's always a smile. The course of the life of the house from the arch of the house. A ridiculous mouse
+    The whole life of the Ultricies Leo is expected now. In the land of the entire region Lettus mauris ultrices eros in
+    high school courses Needs care and medical attention. Massa massa ultricies mi quis hendrerit dolor. How
+    The element of the pillow is not even that the lake hangs from the throat sometimes. But now it is aimed at the propaganda lake cartoon. To decorate it
+    I hate the bow as if I had no quiver. Amet luctus venenatis a great fringilla urn porttitor. Football fans are now my very own
+    the throats of life, nor the heart. Now for real estate as a land element arrows. Mauris augue is not pregnant
+    warmth and care. Children live in a sad old age. Sad old age and grandchildren. Ugly
+    but time is needed, the urn and the quiver quiver. Let us live in flight, but it is said that we need the bow of the propagandist. But the lake
+    The climber was said to have lived in this street. As the sauce is poisoned by the sauce of life.</p>

Web Development Python Projects/2.2+Paragraph+Element/2.2 Paragraph Element/solution.html

@@ -0,0 +1,73 @@
+<!-- Scroll down for the solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<p>First paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+aliqua. Arcu cursus vitae congue mauris. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Nisi est sit amet
+facilisis magna. Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Quis ipsum suspendisse ultrices
+gravida dictum fusce ut. Euismod elementum nisi quis eleifend. Habitant morbi tristique senectus et. Amet nisl suscipit
+adipiscing bibendum est ultricies integer. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Nisi quis
+eleifend quam adipiscing. Neque convallis a cras semper auctor neque vitae. Magna fermentum iaculis eu non. Vivamus arcu
+felis bibendum ut tristique et. Justo nec ultrices dui sapien eget mi. In vitae turpis massa sed elementum tempus. Eu
+facilisis sed odio morbi quis commodo. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae.</p>
+
+<p>Second paragraph. Suscipit adipiscing bibendum est ultricies. Tortor aliquam nulla facilisi cras fermentum. Eget aliquet nibh praesent
+tristique magna. In hac habitasse platea dictumst vestibulum. Ornare quam viverra orci sagittis eu. Sit amet est
+placerat in. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Turpis in eu mi bibendum neque egestas
+congue. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Ultrices sagittis orci a scelerisque purus
+semper eget duis at. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Condimentum
+lacinia quis vel eros donec ac odio.</p>
+
+<p>Third paragraph. Nisl purus in mollis nunc sed id semper risus. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Ridiculus mus
+mauris vitae ultricies leo integer malesuada nunc. In tellus integer feugiat scelerisque. Lectus mauris ultrices eros in
+cursus turpis massa. Sollicitudin ac orci phasellus egestas. Massa massa ultricies mi quis hendrerit dolor. Quam
+elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Iaculis nunc sed augue lacus viverra. Id ornare
+arcu odio ut sem nulla pharetra. Amet luctus venenatis lectus magna fringilla urna porttitor. Eu nisl nunc mi ipsum
+faucibus vitae aliquet nec ullamcorper. Nunc mattis enim ut tellus elementum sagittis. Mauris augue neque gravida in
+fermentum et sollicitudin. Pellentesque habitant morbi tristique senectus. Tristique senectus et netus et. Turpis
+egestas sed tempus urna et pharetra pharetra. Feugiat vivamus at augue eget arcu dictum varius duis at. Lacus sed
+viverra tellus in hac habitasse platea dictumst vestibulum. Nisl condimentum id venenatis a condimentum vitae sapien.</p>

Web Development Python Projects/2.3+Void+Elements/2.3 Void Elements/index.html

@@ -0,0 +1,16 @@
+<h1>Dr. Ahmed Sameer</h1> 
+
+<p><h2>Old D-30<br />
+    IIT(ISM)<br />
+    Dhanbad<br />
+    India</p></h2>
+
+<hr>
+
+<p><h3>Ahmed Sameer (16 July 1984 - Till date) Is a very huge fan and expert in Psychology he can solve tons of Psychology problems in his head he is
+    known for making exteremely tough Psychology papers and exams.</h3></p>
+
+<p><h3>Although he is a great Psychologist he is a fan of programming and loves trying out new operating systems some of his favourites are Linux Mint,
+    and Ubuntu and loves his family dearly.</h3></p>
+
+

Web Development Python Projects/2.3+Void+Elements/2.3 Void Elements/solution.html

@@ -0,0 +1,82 @@
+<!-- Scroll down for the solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1>William Blake</h1>
+
+<p>
+17 south molton street<br />
+London<br />
+W1K 5QT<br />
+UK<br />
+</p>
+
+<hr />
+
+<p>William Blake (28 November 1757 - 12 August 1827) was an English poet, painter, and printmaker. Largely unrecognised
+during his life, Blake is now considered a seminal figure in the history of the poetry and visual art of the Romantic
+Age. What he called his "prophetic works" were said by 20th-century critic Northrop Frye to form "what is in proportion
+to its merits the least read body of poetry in the English language".[2] His visual artistry led 21st-century critic
+Jonathan Jones to proclaim him "far and away the greatest artist Britain has ever produced".[3] In 2002, Blake was
+placed at number 38 in the BBC's poll of the 100 Greatest Britons.[4] While he lived in London his entire life, except
+for three years spent in Felpham,[5] he produced a diverse and symbolically rich collection of works, which embraced the
+imagination as "the body of God"[6] or "human existence itself".[7]</p>
+
+<p>Although Blake was considered mad by contemporaries for his idiosyncratic views, he is held in high regard by later
+critics for his expressiveness and creativity, and for the philosophical and mystical undercurrents within his work. His
+paintings and poetry have been characterised as part of the Romantic movement and as "Pre-Romantic".[8] In fact, he has
+been said to be "a key early proponent of both Romanticism and Nationalism".[9] A committed Christian who was hostile to
+the Church of England (indeed, to almost all forms of organised religion), Blake was influenced by the ideals and
+ambitions of the French and American revolutions.[10][11] Though later he rejected many of these political beliefs, he
+maintained an amiable relationship with the political activist Thomas Paine; he was also influenced by thinkers such as
+Emanuel Swedenborg.[12] Despite these known influences, the singularity of Blake's work makes him difficult to classify.
+The 19th-century scholar William Michael Rossetti characterised him as a "glorious luminary",[13] and "a man not
+forestalled by predecessors, nor to be classed with contemporaries, nor to be replaced by known or readily surmisable
+successors".[14]</p>

Web Development Python Projects/2.4+Movie+Ranking+Project/2.4 Movie Ranking Project/index.html

@@ -0,0 +1,15 @@
+<!-- Write your code below -->
+
+<h1>The Best Movies According to Ibrahim</h1>
+<h2>My top 3 movies of all-time.</h2>
+
+<hr />
+
+<h3>The Penguins Of Madagascar</h3>
+<p>The best childhood movie i had ever seen. There zoo animals can speak embark on adventures escape from the zoo and the best part both adult
+    and children can watch it.</p>
+<h3>Harry Potter</h3>
+<p>This is also the best childhood movie that I had ever seen it is based on J.K Rowling's work on the Harry Potter novels. there is a trio of friends
+    who also embark on adventures together to defeat Lord Voldemort.</p>
+<h3>Chicken Run</h3>
+<p>Very artistic movie. Both children and adults can watch it. There is a family of chickens who want to excape a evil farmer who wants to eat them.</p>

Web Development Python Projects/2.4+Movie+Ranking+Project/2.4 Movie Ranking Project/solution.html

@@ -0,0 +1,57 @@
+<!-- Scroll down for a sample solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1>The Best Movies According to Angela</h1>
+<h2>My top 3 movies of all-time.</h2>
+<hr />
+<h3>Spirited Away</h3>
+<p>This is my favourite anime. I love the beautiful images.</p>
+<h3>Ex Machina</h3>
+<p>Really cool sci-fi movie.</p>
+<h3>Drive</h3>
+<p>Super beautiful film. Really artistic.</p>

Web Development Python Projects/3.0+List+Elements/3.0 List Elements/index.html

@@ -0,0 +1,37 @@
+<h1>Angela's Cinnamon Roll Recipe</h1>
+
+<h2>Ingredients</h2>
+
+<h3>For the dough:</h3>
+<ul>
+    <li>¾ cup warm milk</li>
+    <li>2 ¼ teaspoons yeast</li> 
+    <li>¼ cup granulated sugar</li>
+    <li>1 egg plus 1 egg yolk</li>
+    <li>¼ cup butter</li>
+    <li>3 cups bread flour</li>
+</ul>
+
+
+<h3>For the filling:</h3>
+<ul>
+    <li>2/3 cup dark brown sugar</li> 
+    <li>1 ½ tablespoons ground cinnamon</li>
+    <li>¼ cup butter</li>
+</ul>
+
+
+<h3>Instructions</h3>
+
+<ol>
+    <li>Mix the milk with the yeast, sugar, eggs.</li>
+    <li>Melt the butter and add to the mixture.</li>
+    <li>Add in the flour and mix until combined into a dough.</li>
+    <li>Knead the dough for 10 minuites.</li> 
+    <li>Transfer the dough into a large bowl and cover with plastic wrap. Leave it somewhere to rise for 2 hours.</li>
+    <li>After the dough has doubled in size, roll it out into a large rectangle.</li> 
+    <li>Melt the butter for the filling and mix in the sugar and cinnamon.</li>
+    <li>Spread the filling onto the dough then roll the dough into a swiss roll.</li> 
+    <li>Cut the roll into 3cm sections and place flat into a baking tray.</li>
+    <li>Pre-heat the oven to 350F or 180C, then bake the rolls for 20-25min until lightly brown.</li> 
+</ol>

Web Development Python Projects/3.0+List+Elements/3.0 List Elements/solution.html

@@ -0,0 +1,86 @@
+<!-- Scroll down for a sample solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<h1>Angela's Recipe for the Best Cinnamon Rolls </h1>
+
+<h2>Ingredients</h2>
+
+<h3>For the dough:</h3>
+<ul>
+  <li>¾ cup warm milk</li>
+  <li>2 ¼ teaspoons yeast </li>
+  <li>¼ cup granulated sugar</li>
+  <li>1 egg plus 1 egg yolk</li>
+  <li>¼ cup butter</li>
+  <li>3 cups bread flour</li>
+</ul>
+
+<h3>For the filling:</h3>
+<ul>
+  <li>2/3 cup dark brown sugar </li>
+  <li>1 ½ tablespoons ground cinnamon</li>
+  <li>¼ cup butter</li>
+</ul>
+
+
+<h3>Instructions</h3>
+
+<ol>
+  <li>Mix the milk with the yeast, sugar, eggs.</li>
+  <li>Melt the butter and add to the mixture.</li>
+  <li>Add in the flour and mix until combined into a dough.</li>
+  <li>Knead the dough for 10 minuites.</li>
+  <li>Transfer the dough into a large bowl and cover with plastic wrap. Leave it somewhere to rise for 2 hours.</li>
+  <li>After the dough has doubled in size, roll it out into a large rectangle.</li>
+  <li>Melt the butter for the filling and mix in the sugar and cinnamon.</li>
+  <li>Spread the filling onto the dough then roll the dough into a swiss roll.</li>
+  <li>Cut the roll into 3cm sections and place flat into a baking tray.</li>
+  <li>Preheat the oven to 350F or 180C, then bake the rolls for 20-25min until lightly brown.</li>
+</ol>

Web Development Python Projects/3.1+Nesting+and+Indentation/3.1 Nesting and Indentation/index.html

@@ -0,0 +1,31 @@
+<!-- Write your code below -->
+
+<ul>
+    <li>A</li>
+    <li>B
+        <ol>
+            <li>B1</li>
+            <li>B2
+                <ul>
+                    <li>B2a
+                        <ul>
+                            <li>B2aa</li>
+                            <li>B2ab</li>
+                        </ul>
+                    </li>
+                    <li>B2b</li>
+                    <li>B2c</li>
+                </ul>
+            </li>
+            <li>B3
+                <ol>
+                    <li>B31</li>
+                    <li>B32</li>
+                </ol>
+            </li>
+        </ol>
+        <li>C</li> 
+    </li>
+</ul>
+
+ 

Web Development Python Projects/3.1+Nesting+and+Indentation/3.1 Nesting and Indentation/solution.html

@@ -0,0 +1,82 @@
+<!-- Scroll down for a sample solution -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<ul>
+  <li>A</li>
+  <li>
+    B
+    <ol>
+      <li>B1</li>
+      <li>B2
+        <ul>
+          <li>B2a
+            <ul>
+              <li>B2aa</li>
+              <li>B2ab</li>
+            </ul>
+          </li>
+          <li>B2b</li>
+          <li>B2c</li>
+        </ul>
+      </li>
+      <li>B3
+        <ol>
+          <li>B31</li>
+          <li>B32</li>
+        </ol>
+      </li>
+    </ol>
+  </li>
+  <li>C</li>
+</ul>

Web Development Python Projects/3.2+Anchor+Elements/3.2 Anchor Elements/index.html

@@ -0,0 +1,29 @@
+<head>
+    <meta charset="UTF-8">
+  </head>
+<h1>My top 5 Favourite Websites</h1>
+<!-- Write your code below -->
+
+<h2>
+<ol>
+    <li><a href="https://www.github.com">Github</a></li>
+    <li><a href="https://www.codecombat.com">Code Combat</a></li>
+    <li><a href="https://www.ozaria.com">Ozaria</a></li>
+    <li><a href="https://www.udemy.com">Udemy</a></li>
+    <li><a href="https://www.archlinux.org">Arch Linux Website</a></li>
+</ol>
+</h2>
+
+<h1>My top second Favourite Websites</h1>
+
+<h2>
+
+
+    <ol start="6">
+    <li><a href="https://www.google.com">Google</a></li>
+    <li><a href="https://www.gmail.com">Gmail</a></li>
+    <li><a href="https://www.blackbox.ai">Black Box AI</a></li>
+    <li><a href="https://www.monkeytype.com">Monkey Type</a></li>
+    <li><a href="https://www.youtube.com">Youtube</a></li>
+</ol>
+</h2>

Web Development Python Projects/3.2+Anchor+Elements/3.2 Anchor Elements/solution.html

@@ -0,0 +1,20 @@
+<h1>My top 5 Favourite Websites</h1>
+<!-- Write your code below -->
+<ol>
+  <li><a href="https://www.producthunt.com/">Product Hunt</a></li>
+  <li><a href="https://smashthewalls.com/">Smash the Walls</a></li>
+  <li><a href="https://www.nytimes.com/games/wordle">Wordle</a></li>
+  <li><a href="https://hackertyper.com/">Hacker Typer</a></li>
+  <li><a href="https://stellarium-web.org/">Stellarium</a></li>
+</ol>
+
+
+
+<!-- Extra challenge Solution-->
+<ol start="5">
+  <li><a href="https://www.producthunt.com/">Product Hunt</a></li>
+  <li><a href="https://smashthewalls.com/">Smash the Walls</a></li>
+  <li><a href="https://www.nytimes.com/games/wordle">Wordle</a></li>
+  <li><a href="https://hackertyper.com/">Hacker Typer</a></li>
+  <li><a href="https://stellarium-web.org/">Stellarium</a></li>
+</ol>

Web Development Python Projects/3.3+Image+Elements/3.3 Image Elements/index.html

@@ -0,0 +1,10 @@
+<!-- Kitten image URL -->
+<h1>I USE UBUNTU!</h1>
+<img src="https://1000logos.net/wp-content/uploads/2023/04/Ubuntu-logo-500x281.png" alt="a ubuntu logo">
+
+
+<!-- Arch Linux image URL -->
+<h1>I USE ARCH BTW MAN!</h1>
+<img src="https://archlinux.org/static/logos/archlinux-logo-dark-90dpi.ebdee92a15b3.png" alt="a arch linux logo">
+
+<h1>Now what have you got to say Ubuntu huh you think you are better than me!</h1>

Web Development Python Projects/3.3+Image+Elements/3.3 Image Elements/solution1.html

@@ -0,0 +1,3 @@
+<h1>I am a Cat Person</h1>
+<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/kitten.jpeg" alt="kitten held in hand" />
+

Web Development Python Projects/3.3+Image+Elements/3.3 Image Elements/solution2.html

@@ -0,0 +1,2 @@
+<h1>I am a Dog Person</h1>
+<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/puppy.gif" alt="puppy digging in the sand" />

Web Development Python Projects/3.4+Birthday+Invite+Project/3.4 Birthday Invite Project/index.html

@@ -0,0 +1,23 @@
+<h1>It's My Birthday!</h1>
+
+<h2>On the 21st October</h2>
+
+
+
+<!-- Example image URL -->
+<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg" 
+        alt="a purple birthday cake with happy birthday written on it with candles on top of them with baloons behind the background" />
+
+<h3>What to bring:</h3>
+
+<ul>
+    <li>Baloons(I love baloons)</li>
+    <li>Cake(I'm really good at eating)</li>
+    <li>An appetite(There will be lots of food)</li>
+    <li>Gifts(I am expecting gifts from you all love em)</li>
+</ul>
+
+
+<h3>This is where you need to go:</h3>
+<!-- Example Google Maps Link -->
+<a href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">This is the Google Map Link to where you need to go!</a>

Web Development Python Projects/3.4+Birthday+Invite+Project/3.4 Birthday Invite Project/solution.html

@@ -0,0 +1,18 @@
+<!-- This is one possible solution -->
+<h1>It's My Birthday!</h1>
+<h2>On the 12th May</h2>
+
+<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg"
+  alt="purple birthday cake with candles" />
+
+<h3>What to bring:</h3>
+<ul>
+  <li>Baloons (I love baloons)</li>
+  <li>Cake (I'm really good at eating)</li>
+  <li>An appetite (There will be lots of food)</li>
+</ul>
+
+<h3>This is where you need to go:</h3>
+<a
+  href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">Google
+  map link</a>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/Solution/external.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>External</title>
+  <link rel="stylesheet" href="./style.css" />
+</head>
+
+<body>
+  <h1>Style Me in Green</h1>
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/Solution/inline.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Inline</title>
+</head>
+
+<body>
+  <h1 style="color: blue;">Style Me in Blue!</h1>
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/Solution/internal.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Internal</title>
+  <style>
+    h1 {
+      color: red;
+    }
+  </style>
+</head>
+
+<body>
+  <h1>Style Me in Red!</h1>
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/Solution/solution.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Adding CSS</title>
+</head>
+
+<body>
+  <h1>Three Methods of Adding CSS</h1>
+  <!-- Create 3 Links to The 3 Webpages: inline, internal and external -->
+  <a href="./inline.html">Inline</a>
+  <a href="./internal.html">Internal</a>
+  <a href="./external.html">External</a>
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/Solution/style.css

@@ -0,0 +1,3 @@
+h1 {
+  color: green;
+}

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/external.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>External</title>
+</head>
+<body>
+  <h1>Style Me in Green</h1>
+</body>
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Adding CSS</title>
+</head>
+
+<body>
+  <h1>Three Methods of Adding CSS</h1>
+  <!-- Create 3 Links to The 3 Webpages: inline, internal and external -->
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/inline.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Inline</title>
+</head>
+
+<body>
+<h1>Style Me in Blue!</h1>
+</body>
+
+</html>

Web Development Python Projects/5.1+Adding+CSS/5.1. Adding CSS/internal.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Internal</title>
+</head>
+
+<body>
+<h1>Style Me in Red!</h1>
+</body>
+
+</html>