diff --git a/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/__init__.py b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/asgi.py b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/asgi.py new file mode 100644 index 0000000..9451dfb --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/asgi.py @@ -0,0 +1,16 @@ +""" +ASGI config for ApplicationsOnHTMLAndCSS project. + +It exposes the ASGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/ +""" + +import os + +from django.core.asgi import get_asgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ApplicationsOnHTMLAndCSS.settings') + +application = get_asgi_application() diff --git a/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/settings.py b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/settings.py new file mode 100644 index 0000000..9bf1d99 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/settings.py @@ -0,0 +1,126 @@ +""" +Django settings for ApplicationsOnHTMLAndCSS project. + +Generated by 'django-admin startproject' using Django 5.1.2. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/5.1/ref/settings/ +""" + +from pathlib import Path + +# Build paths inside the project like this: BASE_DIR / 'subdir'. +BASE_DIR = Path(__file__).resolve().parent.parent + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = 'django-insecure-@ld&5gavatol*3*21yu3!k$&^@26@)-@$bfb@2_34r)01&j3pg' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = [] + + +# Application definition + +INSTALLED_APPS = [ + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.sessions', + 'django.contrib.messages', + 'django.contrib.staticfiles', + 'mainApp', + 'HTMLAndCSS', + 'miniCVProject' +] + +MIDDLEWARE = [ + 'django.middleware.security.SecurityMiddleware', + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', +] + +ROOT_URLCONF = 'ApplicationsOnHTMLAndCSS.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.debug', + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'ApplicationsOnHTMLAndCSS.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/5.1/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': BASE_DIR / 'db.sqlite3', + } +} + + +# Password validation +# https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators + +AUTH_PASSWORD_VALIDATORS = [ + { + 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', + }, + { + 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', + }, +] + + +# Internationalization +# https://docs.djangoproject.com/en/5.1/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'UTC' + +USE_I18N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/5.1/howto/static-files/ + +STATIC_URL = 'static/' + +# Default primary key field type +# https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field + +DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' diff --git a/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/urls.py b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/urls.py new file mode 100644 index 0000000..23b522e --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/urls.py @@ -0,0 +1,25 @@ +""" +URL configuration for ApplicationsOnHTMLAndCSS project. + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/5.1/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: path('', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') +Including another URLconf + 1. Import the include() function: from django.urls import include, path + 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) +""" +from django.contrib import admin +from django.urls import path, include + +urlpatterns = [ + path('admin/', admin.site.urls), + path('', include("mainApp.urls")), + path('htmlAndcss/', include("HTMLAndCSS.urls")), + path('miniCV/', include("miniCVProject.urls")) +] diff --git a/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/wsgi.py b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/wsgi.py new file mode 100644 index 0000000..1abef93 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/ApplicationsOnHTMLAndCSS/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for ApplicationsOnHTMLAndCSS project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/5.1/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ApplicationsOnHTMLAndCSS.settings') + +application = get_wsgi_application() diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/__init__.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/admin.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/admin.py new file mode 100644 index 0000000..8c38f3f --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/admin.py @@ -0,0 +1,3 @@ +from django.contrib import admin + +# Register your models here. diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/apps.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/apps.py new file mode 100644 index 0000000..a726248 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/apps.py @@ -0,0 +1,6 @@ +from django.apps import AppConfig + + +class HtmlandcssConfig(AppConfig): + default_auto_field = 'django.db.models.BigAutoField' + name = 'HTMLAndCSS' diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/migrations/__init__.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/migrations/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/models.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/models.py new file mode 100644 index 0000000..71a8362 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/models.py @@ -0,0 +1,3 @@ +from django.db import models + +# Create your models here. diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/advstyling.css b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/advstyling.css new file mode 100644 index 0000000..e6cb4e1 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/advstyling.css @@ -0,0 +1,40 @@ +@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700'); + +* { + font-family: 'Crimson Text', serif; +} + +.addshadow { + box-shadow: 0 0 25px 0 #484848; +} + +.addmargin { + margin-top: 8em; +} + +.fontstyle { + font-weight: 500; + font-size: 18px; +} + +.sourcelink { + text-decoration: none; +} + +.title{ + font-weight: 600; +} + +.title:hover { + font-size: 40px; + transition: all 0.3s; +} + +.article { + color: #4b796e; +} + +.article::selection { + color: #f7fffd; + background-color: #4b796e; +} \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/basicstyling.css b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/basicstyling.css new file mode 100644 index 0000000..c84a5a7 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/css/basicstyling.css @@ -0,0 +1,202 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); + +* { + font-family: "Montserrat", sans-serif; + margin: 0; + padding: 0; + color: white; +} + +.cssIntroheader img { + height: 70px; +} + +.cssIntrobody { + background-color: #24252a; + height: 125vh; + margin-top: 80px; + padding: 30px; +} + +.cssIntroheader { + position: fixed; + display: flex; + background-color: #34353c; + top: 0; + left: 0; + right: 0; + height: 80px; + align-items: center; + padding: 5px 5%; + box-shadow: 0 0 25px 0 rgb(0, 0, 0); + border-radius: 0 0 10px 10px; +} + +.cssIntroheader * { + background-color: #34353c; + display: inline; +} + +.navlinks li { + padding: 0 20px; +} + +.navlinks li a { + font-weight: 500; + font-size: 20px; + text-decoration: none; + color: whitesmoke; + transition: all 0.3s ease 0s; +} + +.navlinks li a:hover { + color: rgb(126, 187, 207); +} + +.title { + padding: 2em; +} + +.title * { + padding: 10px; +} + +.title:hover { + box-shadow: inset 0 0 20px 0 rgb(0, 0, 0); + border-radius: 30px; + transition: all 0.3s ease 0s; +} + +.listot { + padding: 2em; +} + +.listot * { + padding: 10px; +} + +.listot li { + padding: 5px; + font-size: 13px; +} + +.listot:hover { + box-shadow: inset 0 0 20px 0 rgb(0, 0, 0); + border-radius: 30px; + transition: all 0.3s ease 0s; +} + +.tableos { + padding: 2em; +} + +.tableos * { + margin: 1em; +} + +.tableos table, +th, +td { + border: 0.2em solid #5c5d65; + border-collapse: collapse; + padding: 0.5em; + background-color: rgb(144, 193, 210); + text-shadow: 1px 1px #5c5d65; +} + +.tableos:hover { + box-shadow: inset 0 0 20px 0 rgb(0, 0, 0); + border-radius: 30px; + transition: all 0.3s ease 0s; +} + +.formstyle { + padding: 2em; +} + +.formstyle * { + margin: 5px; +} + +.formstyle label { + display: inline-block; + color: rgb(221, 248, 255); + font-weight: 500; + font-size: 15px; + width: 10em; +} + +.formstyle form { + margin: 10px; +} + +.formstyle input[type=text] { + background-color: rgb(125, 174, 190); + color: #35363e; + font-weight: 500; + padding: 0.3em; + width: 10em; + border: none; + border-radius: 30px; +} + +.formstyle input[type=text]:focus { + border-radius: 5px; + transition: all 0.3s ease 0s; +} + +.formstyle input[type=number] { + background-color: rgb(125, 174, 190); + color: #35363e; + font-weight: 500; + padding: 0.3em; + width: 10em; + border: none; + border-radius: 30px; +} + +.formstyle input[type=number]:focus { + border-radius: 5px; + transition: all 0.3s ease 0s; +} + +.formstyle input[type=date] { + background-color: rgb(125, 174, 190); + color: #35363e; + font-weight: 500; + padding: 0.3em; + width: 10em; + border: none; + border-radius: 30px; +} + +.formstyle input[type=date]:focus { + border-radius: 5px; + transition: all 0.3s ease 0s; +} + + +.formstyle .gendrlabel { + color: rgb(125, 174, 190); + width: 5em; +} + +.formstyle:hover { + box-shadow: inset 0 0 20px 0 rgb(0, 0, 0); + border-radius: 30px; + transition: all 0.3s ease 0s; +} + +.btn { + padding: 9px 25px; + background-color: lightgray; + color: #24252a; + border: none; + border-radius: 30px; + cursor: pointer; + transition: all 0.3s ease 0s; +} + +.btn:hover { + background-color: rgb(126, 187, 207); +} \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/CSS-Logo.png b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/CSS-Logo.png new file mode 100644 index 0000000..0e8d389 Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/CSS-Logo.png differ diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-image.jpg b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-image.jpg new file mode 100644 index 0000000..1aee4db Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-image.jpg differ diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-logo.png b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-logo.png new file mode 100644 index 0000000..c8fd62c Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/ai-logo.png differ diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/htmlLogo.png b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/htmlLogo.png new file mode 100644 index 0000000..33df34f Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/static/images/htmlLogo.png differ diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/advancedHtmlCss.html b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/advancedHtmlCss.html new file mode 100644 index 0000000..0f71206 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/advancedHtmlCss.html @@ -0,0 +1,114 @@ +{%load static%} + + + + + + + + + AI Article + + + +
+ + +
+ +
+
+
+
+
+

AI Revolution

+
+
+ Resource: Mustafa Suleyman from Time + Website +
+
+
+
+
+
+

Ai

+
+
+
+
+

+ We are about to see the greatest redistribution of power in history.

+ + Over millennia, humanity has been shaped by successive waves of technology. + The discovery of fire, the invention of the wheel, the harnessing of electricity—all were + transformational moments for civilization. All were waves of technology that started small, with a + few precarious experiments, but eventually + they broke across the world. These waves followed a similar trajectory: breakthrough technologies + were invented, delivered huge + value, and so they proliferated, became more effective, cheaper, more widespread and were absorbed + into the normal, ever-evolving fabric of human life.

+ + We are now facing a new wave of technology, centered around AI but including synthetic biology, + quantum computing, and abundant new sources of energy. + In many respects it will repeat this pattern. Yet it will also depart from it in crucial ways only + now becoming clear. Amidst all the hype, the hope, the fear, I think the fundamentals are getting + lost; the unique characteristics of this wave are getting missed in the noise. Understanding them, + seeing what, exactly, is changing, is critical to understanding the future.

+ + AI is different from previous waves of technology because of how it unleashes new powers and + transforms existing power. This is the most underappreciated aspect of the technological revolution + now underway. While all waves of technology create altered power structures in their wake, none have + seen the raw proliferation of power like the one on its way.

+ + Think of it like this. Previous era’s most powerful technologies were generally reserved to a small + capital rich elite or national governments. Building a steam powered factory, an aircraft carrier or + a nuclear power plant were costly, difficult and immense endeavors. With the leading technologies of + our time, that’s no longer going to be true.

+ + If the last great tech wave—computers and the internet—was about broadcasting information, this new + wave is all about doing. We are facing a step change in what’s possible for individual people to do, + and at a previously unthinkable pace. AI is becoming more powerful and radically cheaper by the + month—what was computationally impossible, or would cost tens of millions of dollars a few years + ago, is now widespread.

+

+
+
+
+ + + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/cssIntro.html b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/cssIntro.html new file mode 100644 index 0000000..e81c578 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/cssIntro.html @@ -0,0 +1,104 @@ +{%load static%} + + + + + + + + CSS Intro + + + +
+ css logo + +
+
+
+

CSS Introduction

+

In this page we will diplay simple use ofCSSstyling

+
+ +
+

List of things I learned while cofing this page:

+ +
+ +
+

Table of technical and soft skills:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Soft SkillsTechnical Skills
Problem-solvingJava
FlexibilityHTML
TeamworkCSS
CommunicationSQL
Time ManagementPython
+
+ +
+

Enter your personal information:

+ +
+ +

+ + +

+ + +

+ + + + + +

+ + +

+ + + +
+
+
+ + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlIntro.html b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlIntro.html new file mode 100644 index 0000000..77103fa --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlIntro.html @@ -0,0 +1,80 @@ +{%load static%} + + + + + + HTML Intro + + + + Back to home page +

HTML Introduction

+

In this page we will diplay simple use of HTML elemnts

+ html logo +

List of things we did in this page:

+ + +

Table of technical and soft skills:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Soft SkillsTechnical Skills
Problem-solvingJava
FlexibilityHTML
TeamworkCSS
CommunicationSQL
Time ManagementPython
+

Enter your personal information:

+
+ +

+ + +

+ + +

+ + + + + +

+ + +

+ + + +
+ + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlcssHome.html b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlcssHome.html new file mode 100644 index 0000000..cb34c16 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/templates/HTMLAndCSS/htmlcssHome.html @@ -0,0 +1,15 @@ + + + + + + HTML And CSS + + +

HTML And CSS Home

+ Introduction to HTML Page | + Introduction to CSS Page | + AI Revolution + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/tests.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/urls.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/urls.py new file mode 100644 index 0000000..cc1f42d --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/urls.py @@ -0,0 +1,11 @@ +from django.urls import path +from . import views + +app_name = "HTMLAndCSS" + +urlpatterns = [ + path("", views.htmlAndcssHome, name="htmlcssHomeView"), + path("html/introduction/", views.htmlIntro, name="htmlIntroView"), + path("css/introduction/", views.cssIntro, name="cssIntroView"), + path("article/ai/", views.advancedHtmlCssView, name="advancedHtmlCssView") +] \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/HTMLAndCSS/views.py b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/views.py new file mode 100644 index 0000000..ac1ea2e --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/HTMLAndCSS/views.py @@ -0,0 +1,18 @@ +from django.shortcuts import render +from django.http import HttpRequest + +#HTML and CSS Home page +def htmlAndcssHome(request: HttpRequest): + return render(request, "HTMLAndCSS/htmlcssHome.html") + +#Introduction to HTML page +def htmlIntro(request: HttpRequest): + return render(request, "HTMLAndCSS/htmlIntro.html") + +#Introduction to CSS page +def cssIntro(request: HttpRequest): + return render(request, "HTMLAndCSS/cssIntro.html") + +#Advenced HTML and CSS page +def advancedHtmlCssView(request: HttpRequest): + return render(request, "HTMLAndCSS/advancedHtmlCss.html") \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/mainApp/__init__.py b/ApplicationsOnHTMLAndCSS/mainApp/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/mainApp/admin.py b/ApplicationsOnHTMLAndCSS/mainApp/admin.py new file mode 100644 index 0000000..8c38f3f --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/admin.py @@ -0,0 +1,3 @@ +from django.contrib import admin + +# Register your models here. diff --git a/ApplicationsOnHTMLAndCSS/mainApp/apps.py b/ApplicationsOnHTMLAndCSS/mainApp/apps.py new file mode 100644 index 0000000..d8b702e --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/apps.py @@ -0,0 +1,6 @@ +from django.apps import AppConfig + + +class MainappConfig(AppConfig): + default_auto_field = 'django.db.models.BigAutoField' + name = 'mainApp' diff --git a/ApplicationsOnHTMLAndCSS/mainApp/migrations/__init__.py b/ApplicationsOnHTMLAndCSS/mainApp/migrations/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/mainApp/models.py b/ApplicationsOnHTMLAndCSS/mainApp/models.py new file mode 100644 index 0000000..71a8362 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/models.py @@ -0,0 +1,3 @@ +from django.db import models + +# Create your models here. diff --git a/ApplicationsOnHTMLAndCSS/mainApp/templates/mainApp/home.html b/ApplicationsOnHTMLAndCSS/mainApp/templates/mainApp/home.html new file mode 100644 index 0000000..4cb19f3 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/templates/mainApp/home.html @@ -0,0 +1,13 @@ + + + + + + Home Page + + +

Main Home

+ HTML And CSS Page | My CV Page + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/mainApp/tests.py b/ApplicationsOnHTMLAndCSS/mainApp/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/ApplicationsOnHTMLAndCSS/mainApp/urls.py b/ApplicationsOnHTMLAndCSS/mainApp/urls.py new file mode 100644 index 0000000..4c55e72 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/urls.py @@ -0,0 +1,8 @@ +from django.urls import path +from . import views + +app_name = "mainApp" + +urlpatterns = [ + path("", views.homeView, name="homeView"), +] \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/mainApp/views.py b/ApplicationsOnHTMLAndCSS/mainApp/views.py new file mode 100644 index 0000000..4acf77c --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/mainApp/views.py @@ -0,0 +1,7 @@ +from django.shortcuts import render +from django.http import HttpRequest, HttpResponse + +#Home page +def homeView(request: HttpRequest): + + return render(request, "mainApp/home.html") diff --git a/ApplicationsOnHTMLAndCSS/manage.py b/ApplicationsOnHTMLAndCSS/manage.py new file mode 100644 index 0000000..53d50d0 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/manage.py @@ -0,0 +1,22 @@ +#!/usr/bin/env python +"""Django's command-line utility for administrative tasks.""" +import os +import sys + + +def main(): + """Run administrative tasks.""" + os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'ApplicationsOnHTMLAndCSS.settings') + try: + from django.core.management import execute_from_command_line + except ImportError as exc: + raise ImportError( + "Couldn't import Django. Are you sure it's installed and " + "available on your PYTHONPATH environment variable? Did you " + "forget to activate a virtual environment?" + ) from exc + execute_from_command_line(sys.argv) + + +if __name__ == '__main__': + main() diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/__init__.py b/ApplicationsOnHTMLAndCSS/miniCVProject/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/admin.py b/ApplicationsOnHTMLAndCSS/miniCVProject/admin.py new file mode 100644 index 0000000..8c38f3f --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/admin.py @@ -0,0 +1,3 @@ +from django.contrib import admin + +# Register your models here. diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/apps.py b/ApplicationsOnHTMLAndCSS/miniCVProject/apps.py new file mode 100644 index 0000000..e72b324 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/apps.py @@ -0,0 +1,6 @@ +from django.apps import AppConfig + + +class MinicvprojectConfig(AppConfig): + default_auto_field = 'django.db.models.BigAutoField' + name = 'miniCVProject' diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/migrations/__init__.py b/ApplicationsOnHTMLAndCSS/miniCVProject/migrations/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/models.py b/ApplicationsOnHTMLAndCSS/miniCVProject/models.py new file mode 100644 index 0000000..71a8362 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/models.py @@ -0,0 +1,3 @@ +from django.db import models + +# Create your models here. diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/static/css/style.css b/ApplicationsOnHTMLAndCSS/miniCVProject/static/css/style.css new file mode 100644 index 0000000..424ac69 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/static/css/style.css @@ -0,0 +1,104 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); + +* { + font-family: "Montserrat", sans-serif; + color: rgb(221, 239, 255); +} + +.additionNav { + box-shadow: 0 0 2em 0 #060606; +} + +.heading { + animation: float 3.5s ease-in-out infinite; + color: rgb(125, 174, 190); +} + +.headingNoAnimate { + color: rgb(125, 174, 190); +} + +.overviewCont, +.projectsCont, +.skillsCont { + padding: 2em; + margin-top: 8em; +} + +.overviewCont:hover { + box-shadow: 0 0 20px 0 rgb(0, 0, 0); + border-radius: 15em; + transition: all 0.3s; +} + +.projectsCont:hover { + box-shadow: 0 0 20px 0 rgb(0, 0, 0); + border-radius: 1em; + transition: all 0.3s; +} + +/* .skillsCont:hover { + box-shadow: 0 0 20px 0 rgb(0, 0, 0); + border-radius: 1em; + transition: all 0.3s; +} */ + +.overview { + font-size: 1.2em; +} + +@keyframes float { + + 0%, + 100% { + transform: translatey(0); + } + + 50% { + transform: translatey(-0.5em); + } +} + +.cardAdditional { + width: 18rem; + height: 50rem; +} + +.cardText { + padding: 1em; +} + +.loading { + width: 5em; + height: 5em; + background-color: rgb(80, 141, 255); + animation: squareToCircle 2s 1s infinite alternate; + } + + @keyframes squareToCircle { + 0% { + border-radius: 0 0 0 0; + background: rgb(80, 141, 255); + transform: rotate(0deg); + } + 25% { + border-radius: 50% 0 0 0; + background: rgb(105, 113, 255); + transform: rotate(45deg); + } + 50% { + border-radius: 50% 50% 0 0; + background: rgb(168, 105, 255); + transform: rotate(90deg); + } + 75% { + border-radius: 50% 50% 50% 0; + background: rgb(243, 105, 255); + transform: rotate(135deg); + } + 100% { + border-radius: 50% 50% 50% 50%; + background: rgb(115, 125, 255); + transform: rotate(180deg); + } + } \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/cv-logo.png b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/cv-logo.png new file mode 100644 index 0000000..158338e Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/cv-logo.png differ diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/equistrian.jpg b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/equistrian.jpg new file mode 100644 index 0000000..a3ae0ad Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/equistrian.jpg differ diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/laundry.jpg b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/laundry.jpg new file mode 100644 index 0000000..4daed5b Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/laundry.jpg differ diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/workshop.jpg b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/workshop.jpg new file mode 100644 index 0000000..f370092 Binary files /dev/null and b/ApplicationsOnHTMLAndCSS/miniCVProject/static/images/workshop.jpg differ diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/cvHome.html b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/cvHome.html new file mode 100644 index 0000000..13b2ad5 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/cvHome.html @@ -0,0 +1,67 @@ +{%load static%} + + + + + + + + + My CV + + + +
+ + +
+ +
+
+
+

Overview

+
+
+
+
+

I am Ghaliah Banounah

Self-motivated and hardworking Information Technology graduate + who's interested in full stack development. Proficient in a range of + modern technologies including Python, Java and UI/UX. Aspiring to + learn new things and face new challenges that add to my knowledge + and experience. +

+
+
+
+ + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/projects.html b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/projects.html new file mode 100644 index 0000000..2b9863c --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/projects.html @@ -0,0 +1,110 @@ +{%load static%} + + + + + + + + + My Projects + + + +
+ + +
+ +
+
+
+

Projects

+
+
+
+
+
+
+ workshop +
+
Workshop Guide (Java)
+

+ A university project for one of the courses. It was an app + for customers to help them with the workshop they regeistered in. + We used Java programming language and created a prototype of the app using + Java forms. +

+ + Link to Gihub Repo +
+
+
+
+
+ equistrian +
+
Horse-Riding Reservation App (Java)
+

+ A university project for one of the courses. It was an app + for customers to reserve equistrian classes. We used Java programming language and + created a prototype of the app using Java forms. +

+ + Link to Gihub Repo +
+
+
+
+
+ equistrian +
+
Smart Laundry App (Java)
+

+ A university project for one of the courses. It was an app + that allows cutomers to reach laundry services at home. + We used Java programming language and created a prototype of the app using Java forms. +

+ + Link to Gihub Repo +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/skills.html b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/skills.html new file mode 100644 index 0000000..d36f4f8 --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/templates/miniCVProject/skills.html @@ -0,0 +1,68 @@ +{%load static%} + + + + + + + + + My Skills + + + +
+ + +
+ +
+
+
+

Skils

+
+
+
+
+

Coming soon..

+
+
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/tests.py b/ApplicationsOnHTMLAndCSS/miniCVProject/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/urls.py b/ApplicationsOnHTMLAndCSS/miniCVProject/urls.py new file mode 100644 index 0000000..76c31ec --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/urls.py @@ -0,0 +1,10 @@ +from django.urls import path +from . import views + +app_name = "miniCVProject" + +urlpatterns = [ + path("", views.miniCVHomeView, name="miniCVHomeView"), + path("projects", views.projectsView, name="projectsView"), + path("skills", views.skillsView, name="skillsView"), +] \ No newline at end of file diff --git a/ApplicationsOnHTMLAndCSS/miniCVProject/views.py b/ApplicationsOnHTMLAndCSS/miniCVProject/views.py new file mode 100644 index 0000000..c4ba34e --- /dev/null +++ b/ApplicationsOnHTMLAndCSS/miniCVProject/views.py @@ -0,0 +1,17 @@ +from django.shortcuts import render +from django.http import HttpRequest, HttpResponse + +#Mini CV Project Home page +def miniCVHomeView(request: HttpRequest): + + return render(request, "miniCVProject/cvHome.html") + +#Display projects page +def projectsView(request: HttpRequest): + + return render(request, "miniCVProject/projects.html") + +#Display skills page +def skillsView(request: HttpRequest): + + return render(request, "miniCVProject/skills.html") \ No newline at end of file