Skip to content

Galoyan Aram PI20-1 WEB_SERVER #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
+392 −0
Open

Galoyan Aram PI20-1 WEB_SERVER #63

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 56 additions & 0 deletions main.py
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
import socket
import datetime

def serv_setts():
sock = socket.socket()
sock.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
try:
sock.bind(('', 80))
except OSError:
sock.bind(('', 8080))
sock.listen(5)

conn, addr = sock.accept()
print("Connected", addr)
data = conn.recv(8192)
msg = data.decode()
print(msg)
content = repres_web(msg)
conn.send(content.encode())

now = datetime.datetime.now()

def repres_web(request_data):
global response
HDRS = "HTTP/1.1 200 OK"
try:
path = request_data.split(' ')[1]
print(path)
response = ''
if path == '/':
with open('views/dev_team.html','r') as file:
response = file.read()
else:
with open('views' + path,'r') as file:
response = file.read()

except IndexError:
with open('views/dev_team.html', 'r') as file:
response = file.read()

HDRS = f"""HTTP/1.1 200 OK
Date: {now.strftime("%a, %d %b %Y %H:%M:%S")}
Server: SelfMadeServer v0.0.1
Content-Length: {len(response)}
Content-Type: text/html
Connection: close
{response}"""

return HDRS




if __name__ == '__main__':
serv_setts()
10 changes: 10 additions & 0 deletions views/1.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>File number 1</h1>
</body>
</html>
10 changes: 10 additions & 0 deletions views/2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>File number 2</h1>
</body>
</html>
316 changes: 316 additions & 0 deletions views/dev_team.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,316 @@
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">


<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">


<title>Dream team</title>

<style>


h3 {
background-color: #77DD77;
}

body{
background-color: #F0E68C;
}

.card-body{

margin-top: 15%;
margin-bottom: 10%;

}

</style>




</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-4">
<div class="card">

<div class="card-body">

<div class="container">
<div class="row justify-content-center-vertical">
<div class="col-4">
<img class="card-img-top" src="https://w7.pngwing.com/pngs/193/417/png-transparent-computer-software-software-developer-programmer-chief-executive-project-business-face-hand-people.png" alt="Card image cap">
</div>
<div class="col-6">
<h5 class="text-warning">John Doe</h5>
<p class="card-subtitle">UX Designer</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 lined">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>

</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card-body">
<div class="container">
<div class="row justify-content-center-vertical">
<div class="col-4">
<img class="card-img-top" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT67hyraloEeUpghj0VJdDWegkVjPZ7Md5Vgg&usqp=CAU" alt="Card image cap">
</div>
<div class="col-8">
<h5 class="text-warning">Miyagi</h5>
<p class="card-subtitle">UX Designer</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 lined">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>

</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-4">
<div class="card">
<div class="card-body">
<div class="container">
<div class="row justify-content-center-vertical">
<div class="col-4">
<img class="card-img-top" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8NMJq8rGobIRiZm61P7m_yPDRA3DZChJ7TA&usqp=CAU" alt="Card image cap">
</div>
<div class="col-8">
<h5 class="text-warning">Oleg</h5>
<p class="card-subtitle">UX Designer</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 lined">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>

</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="col-4">
<div class="card">
<div class="card-body">
<div class="container">
<div class="row justify-content-center-vertical">
<div class="col-4">
<img class="card-img-top" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPaH1dIZwEbgOJ_fXgscyC6MHOwvGvWHYa6Q&usqp=CAU" alt="Card image cap">
</div>
<div class="col-8">
<h5 class="text-warning">Admin Doe</h5>
<p class="card-subtitle text-muted">UX Designer</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 lined">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>
<hr>
</div>
</li>
<li class="list-group-item">
<div class="form-check">
<input class="form-check-input" type="radio">
<a class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<h6 class="lg-1">Anton Knudsen</h6>
<small class="text-muted">1 Oct</small>
</div>
<small class="text-muted">Lorem, ipsum, dolor...</small>
</a>

</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>



<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>



</body>

</html>