done

Lab101/Lab/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

Lab101/Lab/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class LabConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'Lab'

Lab101/Lab/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

Lab101/Lab/static/css/ai.css

@@ -0,0 +1,122 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Georgia', serif; 
+    line-height: 1.6;
+    color: #333;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f9f9f9; 
+}
+
+header {
+    background: #003366; 
+    color: #FFFFFF;
+    padding: 20px 50px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.navigtion {
+    font-size: 1.1em;
+}
+
+.navigtion a {
+    color: #FFFFFF;
+    margin: 0 15px;
+    position: relative;
+    text-decoration: none;
+}
+
+.navigtion a::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -6px;
+    width: 100%;
+    height: 3px;
+    background: #FFFFFF;
+    border-radius: 5px;
+    transform: scale(0);
+    transition: transform .5s;
+}
+
+.navigtion a:hover::after {
+    transform: scale(1);
+}
+
+.navigtion .Login {
+    width: 120px;
+    height: 40px;
+    background: transparent;
+    border: 2px solid #FFFFFF;
+    border-radius: 6px;
+    font-size: 1.1em;
+    color: #FFFFFF;
+    margin-left: 40px;
+    transition: background 0.5s, color 0.5s;
+}
+
+.navigtion .Login:hover {
+    background: #FFFFFF;
+    color: #003366;
+}
+
+main {
+    padding: 40px 20px;
+    max-width: 800px;
+    width: 100%;
+}
+
+article {
+    background: #ffffff; 
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+    font-size: 2.5em;
+    margin-bottom: 10px;
+}
+
+h2 {
+    font-size: 2em;
+    margin-top: 30px;
+    margin-bottom: 10px;
+    border-bottom: 2px solid #003366; 
+    padding-bottom: 5px;
+}
+
+h3 {
+    font-size: 1.5em;
+    margin-top: 20px;
+}
+
+p {
+    margin-bottom: 15px;
+}
+
+.article-image {
+    width: 100%;
+    max-width: 600px;
+    border-radius: 5px;
+    margin: 20px 0;
+}
+
+.References {
+    background: #e9ecef;
+    border: 1px solid #ddd;
+    padding: 15px;
+    border-radius: 10px;
+    margin-top: 20px;
+}
+
+

Lab101/Lab/static/css/cv.css

@@ -0,0 +1,147 @@
+:root {
+    --primary-color: #A5B68D;
+    --secondary-color: #DA8359;
+    --background-color: #ECF0F1;
+    --text-color: #333;
+    --card-bg: #FFFFFF;
+}
+
+body {
+    background-color: var(--background-color);
+    color: var(--text-color);
+    font-family: 'Arial', sans-serif;
+}
+
+.resume-container {
+    max-width: 800px;
+    margin: auto;
+    padding: 20px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    background-color: var(--card-bg);
+    border-radius: 10px;
+}
+
+header {
+    text-align: center;
+    padding: 30px 0;
+    background-color: var(--primary-color);
+    color: white;
+    border-radius: 10px 10px 0 0;
+}
+
+h1 {
+    font-size: 36px;
+}
+
+h2 {
+    font-size: 22px;
+}
+
+.contact-info {
+    margin: 15px 0;
+}
+
+.contact-info a {
+    color: white;
+    margin: 0 10px;
+    text-decoration: none;
+}
+
+main {
+    padding: 20px 0;
+}
+
+section {
+    margin-bottom: 20px;
+    padding: 15px;
+    background: var(--card-bg);
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+h3 {
+    font-size: 24px;
+    margin-bottom: 10px;
+    color: var(--secondary-color);
+}
+
+.certifications {
+    margin: 20px 0;
+}
+
+.certification-gallery {
+    display: flex;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    padding: 10px 0;
+}
+
+.certification-item {
+    flex: 0 0 auto;
+    width: 200px;
+    margin: 0 10px;
+    text-align: center;
+    scroll-snap-align: start;
+    transition: transform 0.3s ease;
+}
+
+.certification-item:hover {
+    transform: scale(1.1);
+}
+
+.certification-item img {
+    width: 100%;
+    height: auto;
+    border-radius: 8px;
+}
+
+.certification-item p {
+    margin-top: 5px;
+    font-size: 16px;
+    color: var(--text-color);
+}
+
+.notes {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    width: 300px;
+    padding: 15px;
+    background-color: var(--card-bg);
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease;
+    opacity: 1;
+    animation: slideIn 0.5s ease forwards;
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.notes:hover {
+    transform: scale(1.05);
+}
+
+.note-video,
+.note-image {
+    width: 100%;
+    border-radius: 5px;
+    margin-top: 10px;
+}
+
+footer {
+    text-align: center;
+    padding: 30px;
+    background-color: var(--primary-color);
+    color: white;
+    border-radius: 0 0 10px 10px;
+    margin-top: 20px;
+}

Lab101/Lab/static/css/home.css

@@ -0,0 +1,87 @@
+* {
+    box-sizing: border-box;
+}
+
+@keyframes backgroundAnimation {
+    0% {
+        background-color: #F4D9D0;
+    }
+    50% {
+        background-color: #E1B7B1;
+    }
+    100% {
+        background-color: #F4D9D0;
+    }
+}
+
+body {
+    font-family: 'Arial', sans-serif;
+    line-height: 1.6;
+    background-color: #F4D9D0; 
+    color: #333; 
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    animation: backgroundAnimation 5s ease-in-out infinite;
+}
+
+header {
+    background: #C75B7A; 
+    color: #fff; 
+    padding: 40px 20px;
+    display: flex;
+    justify-content: space-between;
+    text-align: center;
+    width: 100%;
+}
+.navigtion {
+    font-size: 1.1em;
+}
+.navigtion a {
+    color: #FFFFFF;
+    margin: 0 15px;
+    position: relative;
+    text-decoration: none;
+}
+
+.navigtion a::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: -6px;
+    width: 100%;
+    height: 3px;
+    background: #FFFFFF;
+    border-radius: 5px;
+    transform: scale(0);
+    transition: transform .5s;
+}
+
+.navigtion a:hover::after {
+    transform: scale(1);
+}
+
+footer {
+    background: #C75B7A;
+    color: #fff;
+    padding: 20px 0;
+    text-align: center;
+    width: 100%;
+}
+
+.button {
+    padding: 10px 20px;
+    background-color: #B1D690;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    text-align: center;
+    text-decoration: none;
+    transition: background-color 0.3s;
+}
+
+.button:hover {
+    background-color: #88C273;
+}