IcyNetwork/Episodes.Community
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Switched from stylus to plain css

Browse Source
This commit is contained in:
Tsa6 2017-10-09 12:48:21 -04:00
parent 039935b9b5
commit a584fec1a3
7 changed files with 185 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
EpisodesCommunity/settings.py
View File

@ -46,7 +46,6 @@ INSTALLED_APPS = [
'LandingPage.apps.LandingpageConfig',
'Show.apps.ShowConfig',
'Discussions.apps.DiscussionsConfig',
'pipeline',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
@ -136,30 +135,9 @@ MEDIA_ROOT = 'media/'
STATIC_URL = '/static/'
STATIC_ROOT = 'static/'
PIPELINE = {
'PIPELINE_ENABLED': not DEBUG,
'STYLESHEETS': {
'style': {
'source_filenames': (
'css/style.styl',
'css/footer.styl',
),
'output_filename': 'css/style.css',
},
},
'COMPILERS': [
'pipeline.compilers.stylus.StylusCompiler'
],
'CSS_COMPRESSOR': 'pipeline.compressors.NoopCompressor',
'JS_COMPRESSOR': 'pipeline.compressors.NoopCompressor',
}
STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'
STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'pipeline.finders.PipelineFinder',
)
AUTH_TOKEN_ENDPOINT = oauth_options.get('token_endpoint','https://icynet.eu/oauth2/')

91
LandingPage/static/css/footer.css Normal file
View File

@ -0,0 +1,91 @@
footer {
padding: 20px;
background: #e9f6fd;
background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
background: -webkit-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%);
background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%);
border-top: 1px solid #ddd;
text-align: center;
}
footer .copyright {
display: inline-block;
text-align: center;
font-size: 90%;
vertical-align: top;
margin-top: 35px;
padding: 15px;
margin-left: 5vw;
}
footer .squeebot {
width: 200px;
}
footer .logo {
font-family: "Open Sans";
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px 1px #007104;
color: #00b300;
letter-spacing: 5px;
user-select: none;
font-size: 30px;
text-align: inherit;
cursor: pointer;
display: inline-block;
}
footer .logo .part1,
footer .logo .part2 {
display: inline-block;
}
footer .logo .part1 {
color: #03a9f4;
text-shadow: 2px 2px 1px #0059a0;
margin-right: 5px;
}
footer .socialbtn {
width: 28px;
height: 28px;
display: inline-block;
line-height: 28px;
color: #fff;
font-size: 160%;
border-radius: 100px;
padding: 2px;
margin: 5px;
}
footer .socialbtn#github {
background-color: #000;
}
footer .socialbtn#twitter {
background-color: #03a9f4;
}
footer .socialbtn#discord {
background-color: #2c2f33;
}
footer .socialbtn#discord .discordlogo {
position: relative;
top: 3px;
background: url("https://icynet.eu/static/image/Discord-Logo-White.svg");
width: 22px;
height: 22px;
display: inline-block;
}
footer .socialbtn i {
position: relative;
right: 1px;
}
footer span.divider {
color: #ddd;
margin: 0 5px;
cursor: default;
}
@media all and (max-width: 800px) {
footer .squeebot {
margin: 0;
width: 150px;
margin: auto;
display: block;
}
footer .copyright {
margin-left: 0;
}
}

76
LandingPage/static/css/footer.styl
View File

@ -1,76 +0,0 @@
footer
padding: 20px
background: #e9f6fd
background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%)
background: -webkit-linear-gradient(top, #e9f6fd 0%,#d3eefb 100%)
background: linear-gradient(to bottom, #e9f6fd 0%,#d3eefb 100%)
border-top: 1px solid #ddd
text-align: center
.copyright
display: inline-block
text-align: center
font-size: 90%
vertical-align: top
margin-top: 35px
padding: 15px
margin-left: 5vw
.squeebot
width: 200px
.logo
font-family: "Open Sans"
font-weight: bold
text-transform: uppercase
text-shadow: 2px 2px 1px #007104
color: #00b300
letter-spacing: 5px
user-select: none
font-size: 30px
text-align: inherit
cursor: pointer
display: inline-block
.part1, .part2
display: inline-block
.part1
color: #03A9F4
text-shadow: 2px 2px 1px #0059a0
margin-right: 5px
.socialbtn
width: 28px
height: 28px
display: inline-block
line-height: 28px
color: #fff
font-size: 160%
border-radius: 100px
padding: 2px
margin: 5px
&#github
background-color: #000
&#twitter
background-color: #03a9f4
&#discord
background-color: #2C2F33
.discordlogo
position: relative
top: 3px
background: url(https://icynet.eu/static/image/Discord-Logo-White.svg)
width: 22px
height: 22px
display: inline-block
i
position: relative
right: 1px
span.divider
color: #ddd
margin: 0 5px
cursor: default
@media all and (max-width: 800px)
footer
.squeebot
margin: 0
width: 150px
margin: auto
display: block
.copyright
margin-left: 0

91
LandingPage/static/css/style.css Normal file
View File

@ -0,0 +1,91 @@
body {
background-color: #fff;
font-family: "Open Sans", Helvetica;
margin: 0;
padding: 0;
}
.unibar {
padding: 20px;
border-bottom: 1px solid #ddd;
box-shadow: 2px 2px 5px #9c9c9c;
}
.unibar .logo {
font-size: 200%;
}
.unibar .userdata {
display: inline-block;
float: right;
padding: 12px;
}
.wrapper {
min-height: 100vh;
}
.show-promo {
display: inline-block;
width: 200px;
text-align: center;
margin: 5px;
vertical-align: text-top;
}
.show-promo .artwork {
max-width: 180px;
max-height: 260px;
}
.blocklayout .block {
margin: 15px;
box-shadow: 2px 2px 5px #9c9c9c;
}
.blocklayout .block h1 {
background-color: #f5f5f5;
border: 2px solid #d0d0d0;
border-bottom: 0;
padding: 8px;
margin: 0;
word-wrap: break-word;
}
.blocklayout .block .content {
overflow: hidden;
border: 2px solid #d0d0d0;
padding: 10px;
}
.blocklayout.columns {
position: relative;
overflow: hidden;
}
.blocklayout.columns .column.primary {
width: 80%;
}
.blocklayout.columns .column.smaller {
width: 20%;
float: right;
}
@media all and (max-width: 800px) {
.logo {
font-size: 5vw !important;
}
.blocklayout.columns .column {
position: initial;
display: block;
}
.blocklayout.columns .column.primary {
width: initial;
}
.blocklayout.columns .column.smaller {
display: none;
}
.blocklayout .block {
margin: 0;
margin-bottom: 10px;
border: none;
box-shadow: none;
}
.blocklayout .block .content,
.blocklayout .block h1 {
border: none;
}
.blocklayout .block .content .show-promo,
.blocklayout .block h1 .show-promo {
display: block;
margin: 5px auto;
}
}

77
LandingPage/static/css/style.styl
View File

@ -1,77 +0,0 @@
body
background-color: #fff
font-family: "Open Sans", Helvetica
margin: 0
padding: 0
.unibar
padding: 20px
border-bottom: 1px solid #ddd
box-shadow: 2px 2px 5px #9c9c9c
.logo
font-size: 200%
.userdata
display: inline-block
float: right
padding: 12px
.wrapper
min-height: 100vh
.show-promo
display: inline-block
width: 200px
text-align: center
margin: 5px
vertical-align: text-top
.artwork
max-width: 180px
max-height: 260px
.blocklayout
.block
margin: 15px
box-shadow: 2px 2px 5px #9c9c9c
h1
background-color: #f5f5f5
border: 2px solid #d0d0d0
border-bottom: 0
padding: 8px
margin: 0
word-wrap: break-word
.content
overflow: hidden
border: 2px solid #d0d0d0
padding: 10px
&.columns
position: relative
overflow: hidden
.column
&.primary
width: 80%
&.smaller
width: 20%
float: right
@media all and (max-width: 800px)
.logo
font-size: 5vw !important
.blocklayout
&.columns
.column
position: initial
display: block
&.primary
width: initial
&.smaller
display: none
.block
margin: 0
margin-bottom: 10px
border: none
box-shadow: none
.content, h1
border: none
.show-promo
display: block
margin: 5px auto

5
LandingPage/templates/base.html
View File

@ -1,10 +1,11 @@
{% load pipeline %}
{% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
{% stylesheet 'style' %}
<link rel='stylesheet' type='text/css' href='{% static 'css/style.css' %}'>
<link rel='stylesheet' type='text/css' href='{% static 'css/footer.css' %}'>
<meta charset="utf-8">
{% block meta %}
<meta name="description" content="Episodes.Community - Share, Discuss and Watch your Favourite Shows">

1
requirements.txt
View File

@ -1,4 +1,3 @@
Django==1.11.4
Pillow==4.2.1
dj-database-url==0.4.2
django-pipeline==1.6.13