#southcodeschallenge

[aurthms]

A coding challenge by southcodes

06. anything that counts as grid/masonry/colcade/multi-column

Haze

static preview / get code | buy me a coffee

features

two columns

up to 7 customizable links

optional sidebar width

optional posts width (for both single and grid posts)

supports Tumblr's new posts format (NPF)

localization strings

responsive

full list credits

[phantomcodes]

rosemary | theme by sage

get the code: $5 - static preview / version 2 a sidebar theme with light gradient accents for southcodes coding challenge

1. code whatever you want but it must contain popups and/or tabs

features (more info below the cut):

toggle: updates, music player, explore menu, tags on click

header with blog icon & title, day/night & tumblr controls buttons

customizable: description, colors, body & title fonts, font size, & blog title

responsive design, 4 corner options, 3 post margin options, scroll to top button, jump pagination, phosphor icons

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

view all terms

credits listed in the code / credits page

please consider supporting me ♡

sidebars

left sidebar:

optional uploadable sidebar image - 300px x 200px

up to 5 extra sidebar links each with an icon & text

right sidebar:

up to 6 updates each with an icon & text

the music player image is an image link, see my faq if you have questions

both the updates & music player can be toggled on/off

explore menu

optional sections are the explore image, explore links, project, & blogs

uploadable explore image - 200px height, the width will adjust automatically

unlimited explore links, use this format: <a href="linkurl">link name<a>

one to four info stats with an icon & text

the explore bio will scroll if it gets too long

the project image is an image link, see my faq if you have questions

keep the project title short!

project progress is a number between 0 and 100

to close the explore menu you can either click the explore button again or click above/below the menu

uploading your song:

i recommend using google drive to host your mp3 files - below is a brief explanation for how to do this but you can also see the resources provided here by glenthemes and more links on my credits page

to start you need an mp3 audio file, once you have the one you want go to google drive and click: ＋ New ➞ File upload

select your mp3 audio file and click open

open your newly uploaded audio file in google drive and click the three dots on the top right, then click Share and under General Access change it to Anyone with the link can view

copy the sharing link provided, it will look something like this: https://drive.google.com/file/d/1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz/view?usp=sharing

go to the following site and paste your sharing url in the first box provided: https://www.joelgrayson.com/drive-download-link-generator

your final product should look something like this: https://docs.google.com/uc?export=download&id=1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz

make sure the music player is toggled on in the theme, paste your audio link in the Song URL field

[phantasyreign]

Page 09: Nara

An about page - This is my first submission to @southcodes​ ‘s challenge​. It is based on challenge 5 & 7; that is to create a page that does not use any JavaScript and images. As such, Nara is created. 

I always wanted to create links that look like that because it sounds very 2013-ish - a design that former theme creators use to code for links. 

[STATIC PREVIEW] [INSTALL]

Full Features

Responsive

2 gradient colors 

Can add decorative ornaments

Minimalist

Take Note

The manual has been written inside the code itself. Kindly read it first before editing the code.

Terms and Conditions apply.

Please, like, reblog, and follow Phantasy Reign as a sign of support! You can also consider answering this survey of mine as a way of supporting my journey :)