A Django app to manage Reaktion banners.
Project description
Banner
Reaktion's banner plugin for Django
Setup
Project requirements.txt
- The following need to be installed in the environment & be in the requirements.txt:
- pytz
- djangorestframework
- pillow
- icecream
Project Settings
- Add "banner" to your INSTALLED_APPS setting like this:
INSTALLED_APPS = [
...
'banner',
]
- Add the following context processors to your OPTIONS in TEMPLATE settings and add a banner endpoint variable:
'OPTIONS': {
'context_processors': [
...
'banner.processors.banner_endpoint',
'banner.processors.banner_sidebar_right',
'banner.processors.banner_sidebar_left',
'banner.processors.banner_content',
'banner.processors.banner_bottom',
'banner.processors.banner_top'
]
}
BANNERS_ENDPOINT = os.environ['BANNERS_ENDPOINT']
- Include the banner URL conf in your project urls.py like this::
path('banner/', include('banner.urls')),
path('api/', include('banner.api_urls', namespace='banner-api')),
Project css/scss
- Define the css styles in styles.scss
.sticky-top-alt {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.label-over-ad {
position: absolute;
top: 0;
left: 0;
font-weight: 700;
font-size: 10px;
padding: 3px 10px 3px 10px;
background: #135776;
border-radius: 0 1px 1px 0;
opacity: 0.80;
color: white;
border-bottom: 0;
font-family: "Raleway";
}
.panorama-ad-div {
width: 100vw;
height:auto;
max-height: 240px;
object-fit: cover;
background: #135776;
&:hover {
cursor: pointer;
}
}
.panorama-ad-image {
display: block;
width: 100%;
height: auto;
max-height: 240px;
object-fit: cover;
aspect-ratio: 0;
}
.leaderboard-ad-div {
width: 100vw;
height:auto;
max-height: 90px;
object-fit: contain;
&:hover {
cursor: pointer;
}
}
.leaderboard-ad-image {
display: block;
width: 100%;
height: auto;
max-height: 90px;
object-fit: contain;
aspect-ratio: 0;
}
.skyscraper-ad-left-div {
max-width: 160px;
&:hover {
cursor: pointer;
}
}
.skyscraper-ad-left-image {
max-width: 160px;
aspect-ratio: auto!important;
}
.skyscraper-ad-right-div{
max-width: 160px;
}
.skyscraper-ad-right-image{
max-width: 160px;
aspect-ratio: auto!important;
&:hover {
cursor: pointer;
}
}
Run python manage.py migrate
to create the banner models.
- For a docker environment run the following two commands:
docker exec <container name> python cms/manage.py migrate
docker exec <container name> pip install -r requirements.txt
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Close
Hashes for django_reaktion_banner-0.0.8.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 7aa9da121b7ded6a996a830f746d6ff8c8be6ca4f1279c95d60aebfc0b0935dc |
|
MD5 | d9f659deff1e058cd8f484bd6ab3156b |
|
BLAKE2b-256 | 1a61eb18c8437fd663e3f17ce7578f6af36e43eea98927b9102d066690b1de44 |
Close
Hashes for django_reaktion_banner-0.0.8-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 0283d6c4792adda006c3750bf2cf019875a28aee5727aa41d504d8005c36ce7c |
|
MD5 | 09e4daba548ca368a8746c19cdaeae6e |
|
BLAKE2b-256 | 5e645f6f3283ed6f4149022ace3323348b5879900130b606ec96dea7996a3eef |