Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
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
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
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
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>