fergalmoran/buttcord
1
0
Fork 0
mirror of https://github.com/fergalmoran/buttcord.git synced 2025-12-22 09:27:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

8-02-2021

Browse Source
This commit is contained in:
Fergal Moran
2021-02-08 19:56:44 +00:00
parent 29a650714c
commit af9de263de
5 changed files with 61 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
server.py
View File

@@ -5,12 +5,11 @@ app = Flask(__name__)
@app.route('/')
def index():
return render_template('body.html')
return render_template('index.html')
@app.route('/test')
def test():
return render_template('test.html')
app.run(debug=True)

15
static/style.css Normal file
View File

@@ -0,0 +1,15 @@
.circle-icon {
padding: 30px;
border-radius: 50%;
}
.pink-icon {
background: #ffcfc0;
}
.orange-icon {
background: #ffcfc0;
}
.blue-icon {
}

10
templates/_base.html
View File

@@ -5,11 +5,21 @@
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous" />
{% block styles %}
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}" />
{% endblock %}
</head>
<body>
{% block content %}
{% endblock %}
</body>

22
templates/body.html
View File

@@ -1,22 +0,0 @@
{% extends '_base.html' %}
{% block content %}
<div class="container-fluid">
<div class="row">
<div id="buttons-pane"
class="col-1">
</div>
<div id="channels-pane"
class="col-2">
Channels
</div>
<div id="main-pane"
class="col-7">
Main
</div>
<div id="friends-pane"
class="col-2">
Friends
</div>
</div>
</div>
{% endblock %}

35
templates/index.html Normal file
View File

@@ -0,0 +1,35 @@
{% extends '_base.html' %}
{% block content %}
<div class="container-fluid">
<div class="row h-100">
<div id="buttons-pane"
class="col-1 bg-dark pt-3">
<ul class="list-group">
<li class="list-group-item d-flex justify-content align-items-center">
<i class="fas fa-ambulance circle-icon pink-icon"></i>
</li>
<li class="list-group-item d-flex justify-content align-items-center">
<i class="fas fa-baby-carriage circle-icon orange-icon"></i>
</li>
<li class="list-group-item d-flex justify-content align-items-center">
<i class="fas fa-ban circle-icon blue-icon"></i>
</li>
</ul>
</div>
<div id="channels-pane"
class="col-2">
Channels
</div>
<div id="main-pane"
class="col-7">
Main
</div>
<div id="friends-pane"
class="col-2">
Friends
</div>
</div>
</div>
{% endblock %}