STEEMJET HOME PAGE WEBSITE HOMEPAGE DEVELOPMENT ON FRONTEND » PROGRESS REPORT

in #steemjet6 years ago

ser.JPG

Over the week, I've been contemplating on which designs to use and how the homepage should look like instead of a simple one page layout with added information and the rest for users to communicate with so I came up with a different layouts with different css styling and other attributes but the model is left intact.

20180710_225713.gif

Here's another demo sample for our steemjet homepage front-end and this hasn't been implemented into the server host yet cause it's still work in progress...but it's a stepping stone to futher designs on our homepage.. Hence, the demo sample will be modified and other features will be implemented as well. I recorded a sample of the steemjet homepage as shown above using bootstrap, html and css styling but this is still majorly front-end. Thanks to our developers and team-mates - @binjeeclick and @chri5h, we should be working on the back end development of the website in no time. We still have a long way to go.

coj4.JPG


Details


Unlike Other designs, we are yet to have a full design on our name-brand which is steemjet and that's what we hope to achieve in joint-objectives with modifying the homepage design. Definitely, a steemjet name-brand will come as a useful tool in styling our navigation bar and footer on the body and lower section of the homepage. Hence, the floor is open for contributors to design a name-brand for steemjet which would be used in modifications later in the week.

HTML & CSS

styling

A few of the layouts were inspired by other modified designs from common websites layouts which helped in the carousel captions and selections.

coj2.JPG

Html

coj1.JPG

Css

Prior to the activities carried out on steemjet, the development team made plans to accomodate video, audio and article posting and sharing on steem blockchain and unlike any other community or website, this is a multi task steem based website with multiple uses and choice. So we've made a category selection preview or display on the homepage to be vast aware of the content of the website.

coj3.JPG

So this are categories under the steemjet content which are video uploads, audio mix or recorder, and take a photo details all aligned on the "pick-a-category" section with a text, setence, or paragraph which a brief meaning to the specified option or icon. Also since, the front-end is responsive, it has hence been set to changes and rescaling on mobile devices and tabs.
Mobile Layouts

Once the name brand has been styled together with the homepage, a few more edits will be left to handle and we can move on with the next phase.

coj5.JPG


Communication

You are more than welcome to chat with us on our discord server, we'll be glad to hear from you.

https://discord.gg/4eKGXXY

Github Repository

https://github.com/steemjet/steemjet-website


SF-1 @Gutzygwin
Project Dev/Manager

Sort:  
Hi @Gutzygwin,

Thank you for your contributions to long term goals on steemjet.

unnamed (8).gif


Communication
You are more than welcome to chat with us on our discord server, we'll be glad to hear you.
https://discord.gg/4eKGXXY
On the wings of superstars, we are words and steem

Thanks for your support too. You all are awesome

Lol, you are talking to a bot 😜

I know. Bots are the sweetest friends one can have #winks

Nice job

thanks bro @peterakpan

Thanks for the update. ON MOBILE, I always like images that extend fully across the screen.

While reading about the navigation bar, I had a thought:

  • What about a simple, but effectively present, Steemjet logo darting across the screen. I mean, in a practical way. Like introducing a new page or pointing to something important (or relational).

fun stuff

Ya. I had the same thought and I'll be working on that.. Apparently I myself I'm still getting the hang of this new styling and will make it the best I can.. Your idea rocks. Valid Contribution.

I love this man ... bravo!!!!!!!

Wow... Thanks so much. Your support is amazing. More grease to your elbow boss
#steemjet to the moon
IMG-20180619-WA0004.jpg

Thanks dear.. Nice design by the way... Awesome.

Nice work you doing on the Steemjet website. I'll love Steemjet to have an app if possible.

Yeah, I'm working on getting an application on mobile as soon as we're done with this.

I wish I even understood a thing

Phew.....

Lols. HAhaHahA. You'll get to learn it better someday.

@gutzygwin steemjet is an amazing community.I want to be a member of this great community.How can i be?

You can choose to contribute to the community and our fore-runner @dimimp will employ you according to his books. .. ✌

I am electrical engineer from Pakistan. I can make videos and i can also work in photoshop
https://steemit.com/steemjet/@munazza/new-steemjet-logo-contest-or-my-entry
https://steemit.com/dtube/@munazza/t8ra1279
I have made these for steemjet project

Very nice designs. Love your video also.. You go girl... Keep it up.

you're welcome. can't wait to see your next contribution.

WARNING! The comment below by @erudire leads to a known phishing site that could steal your account.
Do not open links from users you do not trust. Do not provide your private keys to any third party websites.

Coin Marketplace

STEEM 0.36
TRX 0.12
JST 0.040
BTC 70846.59
ETH 3567.69
USDT 1.00
SBD 4.79