updated css

updated html escaping

app.py

@@ -33,7 +33,7 @@ def wrapper(*args, **kwargs):
     return wrapper
 
 
-limiter = Limiter(
+limiter = Limiter(  # limits the amount of requests per hour (mainly for logging in page for security)
     get_remote_address,
     app=app,
     default_limits=["50 per hour"],
@@ -46,6 +46,7 @@ def wrapper(*args, **kwargs):
 def home():
     projects = Projects.query.all()
     return render_template("home.html", homepage=True, projects=projects)
+    # hompeage is used to determine whether to show the long about me or not
 
 
 @app.route("/aboutme")
@@ -64,14 +65,40 @@ def project(project_id):
     project = Projects.query.filter_by(id=project_id).first()
     if project is None:  # protect against invalid project ids which caused 500 errors
         return render_template("noproject.html")
-    markdown_html = markdown(
-        escape(project.blog)
-    )  # converts markdown to html for blog and escapes to prevent XSS
+    markdown_html = remove_amp_from_code_tags(
+        markdown(escape(project.blog))
+    )  # converts markdown to html (escape is used to prevent xss)
     return render_template(
         "projectpage.html", project=project, markdown_html=markdown_html
     )
 
 
+def remove_amp_from_code_tags(text):
+    lines = text.splitlines()  # Split the text into lines
+
+    code_block = False
+    modified_lines = []
+
+    for line in lines:
+        if "<code>" in line:
+            code_block = True
+            modified_lines.append(line)
+            continue
+
+        if "</code>" in line:
+            code_block = False
+            modified_lines.append(line)
+            continue
+
+        if code_block:
+            # Remove "amp;" from code content
+            line = line.replace("amp;", "")
+
+        modified_lines.append(line)
+
+    return "\n".join(modified_lines)  # Join the lines back together
+
+
 @app.route("/projects/<int:project_id>/edit")
 @login_required
 def edit_project(project_id):

static/css/projectpage.css

@@ -1,5 +1,5 @@
 .projectarticle {
-    width: 80vw;
+    max-width: 80vw;
     margin: auto;
 }
 
@@ -13,8 +13,9 @@
 }
 
 .imgtitle img {
-    height: 30vh;
+    max-height: 30vh;
     width: auto;
+    max-width: 30vw;
     border-radius: 10px;
 }
 
@@ -42,15 +43,17 @@
 
 .fullblog img {
     max-height: 25vh;
-    width: auto;
+    max-width: 100%;
     border-radius: 10px;
 }
 
 .fullblog pre {
     display: inline-block;
+    max-width: 100%;
     background-color: var(--background2);
     border-radius: 10px;
     padding: 1vh 1vw;
+    overflow: scroll;
 }
 
 .fullblog code {
@@ -59,7 +62,6 @@
 
 @media screen and (max-width: 500px) {
     .projectarticle {
-        width: 90vw;
         padding-top: 10vh;
     }
 
@@ -68,18 +70,17 @@
     }
 
     .imgtitle img {
-        height: 20vh;
+        max-height: 20vh;
+        max-width: 100%;
     }
 
     .description {
-        width: 90vw;
+        width: 100%;
         padding-top: 2vh;
-        padding-left: none;
     }
 
     .description h1 {
         margin-top: 0;
         font-size: 5vh;
-        width: 90vw;
     }
 }