add files

3183b6de · Mukhtar Farah Aden · d6dddd62 · 3183b6de · 3183b6de · 3183b6de
Commit 3183b6de authored 1 year ago by Mukhtar Farah Aden
--- a/.gitignore
+++ b/.gitignore
+__pycache__/
+venv/
\ No newline at end of file
--- a/app.py
+++ b/app.py
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+@app.route("/")
+@app.route("/index")
+def home():
+    return render_template("index.html")
+
--- a/requirements.txt
+++ b/requirements.txt
+blinker==1.7.0
+
+click==8.1.7
+
+colorama==0.4.6
+
+Flask==3.0.0
+
+itsdangerous==2.1.2
+
+Jinja2==3.1.2
+
+MarkupSafe==2.1.3
+
+Werkzeug==3.0.1
\ No newline at end of file
--- a/static/Mukhtar farah cv.pdf
+++ b/static/Mukhtar farah cv.pdf
--- a/static/images/IMG_1070.png
+++ b/static/images/IMG_1070.png
--- a/static/name.jpg
+++ b/static/name.jpg
--- a/static/style.css
+++ b/static/style.css
+
+/*-----index.html-----*/
+*{
+    margin: 0;
+    padding: 0;
+    font-family:Arial, Helvetica, sans-serif;
+    box-sizing: border-box;
+}
+
+body{
+    background: #000000;
+    color: #ffff;
+}
+
+#header{
+    width: 100%;
+    height: 100vh;
+    background-image: url(images/IMG_1070.png);
+    background-size: cover;
+    background-position: center;
+}
+
+
+.container{
+    padding: 10px 5%;
+}
+
+nav{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.logo{
+    width: 160px
+}
+
+nav ul li{
+    display: inline-block;
+    list-style: none;
+    margin: 10px 20px;
+
+
+}
+
+nav ul li a{
+
+    color: white;
+    text-decoration: none;
+    font-size: 18px;
+    position: relative;
+}
+
+nav ul li a::after{
+    content: " ";
+    width: 0;
+    height: 4px;
+    background: #00ffea;
+    position: absolute;
+    left: 0;
+    bottom: -5px;
+    transition: 0.5s;
+
+}
+nav ul li a:hover::after{
+    width: 100%;
+}
+
+.header-text{
+    margin-top: 15%;
+    font-size: 30px;
+}
+
+.header-text h1{
+    font-size: 60px;
+    margin-top: 15px;
+}
+
+.header-text h1 span{
+    color: #00ffea;
+}
+
--- a/templates/cv.html
+++ b/templates/cv.html
--- a/templates/experience.html
+++ b/templates/experience.html
--- a/templates/index.html
+++ b/templates/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mukhtar Farah Aden - Project</title>
+    <link rel="stylesheet" href=static/style.css>
+
+</head>
+<body>
+    <div id="header">
+        <div class="container">
+            <nav>
+                <img src="static/name.jpg" class="logo" height="50" aria-label="for screen readers">
+                <ul>
+                    
+                    <li><a href="#">CV</a></li>
+                    <li><a href="#">My experience</a></li>
+                    <li><a href="#">Portfolio</a></li>
+                    
+                </ul>
+            </nav>
+            <div class="header-text">
+                <p>Msc Computing Student</p>
+                <h1>Hello, I'm <span>Mukhtar</span><br> from Bristol </h1>
+            </div>
+        </div>
+    </div>
+</body>
+</html>