Styled some stuff

This commit is contained in:
herz 2022-03-17 18:30:42 +01:00
parent 120631189e
commit ea700605e8
7 changed files with 71 additions and 37 deletions

View File

@ -26,7 +26,7 @@ def index():
data_dict = {} data_dict = {}
#steamid64_dict = Parallel(n_jobs=num_cores, verbose=50)(delayed(steamid_to_64bit)(steamid)for steamid in steamids) #steamid64_dict = Parallel(n_jobs=num_cores, verbose=50)(delayed(steamid_to_64bit)(steamid)for steamid in steamids)
data_dict_list = Parallel(n_jobs=num_cores, verbose=50)(delayed(get_evererything)(steamid)for steamid in steamids) data_dict_list = Parallel(n_jobs=num_cores, verbose=75)(delayed(get_evererything)(steamid)for steamid in steamids)
for dict in data_dict_list: for dict in data_dict_list:
for k, v in dict.items(): for k, v in dict.items():
@ -94,8 +94,8 @@ def get_evererything(steamid):
if __name__ == "__main__": if __name__ == "__main__":
#app.run(host="127.0.0.1", port=8080, debug=True) app.run(host="127.0.0.1", port=8080, debug=True)
serve(app, host='0.0.0.0', port=8080) #serve(app, host='0.0.0.0', port=8080)

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.937827,0,0,1.02538,0.0309693,4.24726)">
<path d="M85.188,1.35C85.188,0.673 84.44,0.459 84.084,0.993C73.714,16.922 67.87,26.008 62.597,34.275L0.772,34.275C-0.011,34.275 -0.296,35.273 0.38,35.522C26.036,45.215 63.095,59.789 83.799,67.949C84.333,68.162 85.188,67.664 85.188,67.308L85.188,1.35Z" style="fill:url(#_Linear1);"/>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.0219e-09,-67.308,-67.308,-3.0219e-09,42.5944,0.692)"><stop offset="0" style="stop-color:rgb(255,94,0);stop-opacity:1"/><stop offset="0.4" style="stop-color:rgb(255,106,11);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(251,86,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,105,0);stop-opacity:1"/></linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 86 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g>
<path d="M85.188,1.35C85.188,0.673 84.44,0.459 84.084,0.993C73.714,16.922 67.87,26.008 62.597,34.275L0.772,34.275C-0.011,34.275 -0.296,35.273 0.38,35.522C26.036,45.215 63.095,59.789 83.799,67.949C84.333,68.162 85.188,67.664 85.188,67.308L85.188,1.35Z" style="fill:url(#_Linear1);"/>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.0219e-09,-67.308,-67.308,-3.0219e-09,42.5944,0.692)"><stop offset="0" style="stop-color:rgb(255,94,0);stop-opacity:1"/><stop offset="0.4" style="stop-color:rgb(255,106,11);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(251,86,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,105,0);stop-opacity:1"/></linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

View File

@ -15,17 +15,15 @@
.content { .content {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
margin-top: 2.5%;
} }
.input-form-container { .input-form-container {
width: 75%; width: 75%;
margin: 0 auto; margin: 0 auto;
} }
.card{ .Steam-PB{
background-color: #424242; border-radius: 25px ;
color: #ffffff;
margin-bottom: 10px;
margin-right: 10px;
} }
.card-body{ .card-body{
@ -47,30 +45,44 @@
background-color: #424242; background-color: #424242;
color: #ffffff; color: #ffffff;
} }
.profile-links {
width: 80%;
margin: 0 auto;
}
.status_screen_input { .status_screen_input {
background-color: #424242; background-color: #424242;
color: #ffffff; color: #ffffff;
border-radius: 20px border-radius: 20px
} }
.profile-links{
margin: 0 auto;
margin-top: 2%;
margin-bottom: 2%;
}
.input-form-container textarea.status_screen_input { .input-form-container textarea.status_screen_input {
resize: none; resize: none;
} }
</style> </style>
</head> </head>
<body> <body>
<nav class="navbar navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="#"> <a class="navbar-brand" href="#"><a class="navbar-brand" href="/"><img src="/static/Facitstalker-logo.svg " width="50" height="50">FaceIT Stalker</a></a>
<img src="/static/Facitstalker-logo.svg " width="50" height="50"> <button
FaceIT Stalker by HerZ class="navbar-toggler"
</a> type="button"
data-mdb-toggle="collapse"
data-mdb-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/donate">Donate</a>
</div>
</div>
</div> </div>
</nav> </nav>
<div class="content"> <div class="content">

View File

@ -9,5 +9,4 @@
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</form> </form>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -3,32 +3,32 @@
{% block content %} {% block content %}
<div class="input-group"> <div class="input-group">
{%for steamid in data_dict%} {%for steamid in data_dict%}
<div class="card" > <div class="card" style="background-color: #424242; color: #ffffff; margin-bottom: 10px; margin-right: 10px; border-radius: 25px;">
<img class="Steam-PB" src="{{data_dict[steamid]['steam_pic']}}" alt="Card image cap"> <img class="Steam-PB" src="{{data_dict[steamid]['steam_pic']}}" alt="Card image cap">
<div class="card-body"> <div class="card-body">
<h3 class="Steam-Name">{{data_dict[steamid]['steam_name']}}</h3> <h3 class="Steam-Name">{{data_dict[steamid]['steam_name']}}</h3>
<p class="FaceIT-IMG"> <p class="Faceit-IMG" style="margin: 0 auto;">
{% if data_dict[steamid]['faceit_acc'] == 'true' %} {% if data_dict[steamid]['faceit_acc'] == 'true' %}
{% if data_dict[steamid]['faceit_level'] == 1 %} {% if data_dict[steamid]['faceit_level'] == 1 %}
<img src="/static/faceit1.svg" alt="FaceIT Level 1" width="100" height="100"> <img src="/static/faceit1.svg" alt="FaceIT Level 1" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 2 %} {% elif data_dict[steamid]['faceit_level'] == 2 %}
<img src="/static/faceit2.svg" alt="FaceIT Level 2" width="100" height="100"> <img src="/static/faceit2.svg" alt="FaceIT Level 2" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 3 %} {% elif data_dict[steamid]['faceit_level'] == 3 %}
<img src="/static/faceit3.svg" alt="FaceIT Level 3" width="100" height="100"> <img src="/static/faceit3.svg" alt="FaceIT Level 3" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 4 %} {% elif data_dict[steamid]['faceit_level'] == 4 %}
<img src="/static/faceit4.svg" alt="FaceIT Level 4" width="100" height="100"> <img src="/static/faceit4.svg" alt="FaceIT Level 4" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 5 %} {% elif data_dict[steamid]['faceit_level'] == 5 %}
<img src="/static/faceit5.svg" alt="FaceIT Level 5" width="100" height="100"> <img src="/static/faceit5.svg" alt="FaceIT Level 5" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 6 %} {% elif data_dict[steamid]['faceit_level'] == 6 %}
<img src="/static/faceit6.svg" alt="FaceIT Level 6" width="100" height="100"> <img src="/static/faceit6.svg" alt="FaceIT Level 6" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 7 %} {% elif data_dict[steamid]['faceit_level'] == 7 %}
<img src="/static/faceit7.svg" alt="FaceIT Level 7" width="100" height="100"> <img src="/static/faceit7.svg" alt="FaceIT Level 7" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 8 %} {% elif data_dict[steamid]['faceit_level'] == 8 %}
<img src="/static/faceit8.svg" alt="FaceIT Level 8" width="100" height="100"> <img src="/static/faceit8.svg" alt="FaceIT Level 8" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 9 %} {% elif data_dict[steamid]['faceit_level'] == 9 %}
<img src="/static/faceit9.svg" alt="FaceIT Level 9" width="100" height="100"> <img src="/static/faceit9.svg" alt="FaceIT Level 9" width="50" height="50">
{% elif data_dict[steamid]['faceit_level'] == 10 %} {% elif data_dict[steamid]['faceit_level'] == 10 %}
<img src="/static/faceit10.svg" alt="FaceIT Level 10" width="100" height="100"> <img src="/static/faceit10.svg" alt="FaceIT Level 10" width="50" height="50">
{% endif %} {% endif %}
{% else %} {% else %}
<p>No FaceIT Account Found.</p> <p>No FaceIT Account Found.</p>
@ -37,16 +37,19 @@
</div> </div>
{% if data_dict[steamid]['faceit_acc'] == 'true' %} {% if data_dict[steamid]['faceit_acc'] == 'true' %}
<div class="Faceit-elo-and-steamid64"> <div class="Faceit-elo-and-steamid64">
<p class="FaceIT-elo">FaceIT ELO: {{data_dict[steamid]['faceit_elo']}}</p> <h7>FaceIT ELO:</h7>
<p class="SteamID64">SteamID: {{data_dict[steamid]['steamid64']}}</p> <p class="FaceIT-elo" style="margin: 0 auto;">{{data_dict[steamid]['faceit_elo']}}</p>
<h7>SteamID: </h7>
<p class="SteamID64" style="margin: 0 auto;">{{data_dict[steamid]['steamid64']}}</p>
</div> </div>
{% endif %} {% endif %}
<div class="profile-links"> <div class="profile-links">
<a href="https://steamcommunity.com/profiles/{{data_dict[steamid]['steamid64']}}" class="card-link">Steam Profile</a> <a href="https://steamcommunity.com/profiles/{{data_dict[steamid]['steamid64']}}"><img src="/static/steam_logo.png " width="50" height="50"></a>
{% if data_dict[steamid]['faceit_acc'] == 'true' %} {% if data_dict[steamid]['faceit_acc'] == 'true' %}
<a href="https://www.faceit.com/en/players/{{data_dict[steamid]['faceit_name']}}" class="card-link">FaceIT Link</a> <a href="https://www.faceit.com/en/players/{{data_dict[steamid]['faceit_name']}}"><img src="/static/faceit_logo.svg " width="50" height="50"></a>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div></div>
{%endfor%} {%endfor%}
{% endblock %} {% endblock %}