Skip to content

Instantly share code, notes, and snippets.

@smealum
Created August 28, 2014 06:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smealum/c186deb4d75bbf311efd to your computer and use it in GitHub Desktop.
Save smealum/c186deb4d75bbf311efd to your computer and use it in GitHub Desktop.
webpage design
what i'd like/want :
- black background
- white/light gray text
- main title (and possible smaller titles) written in black with a white box in the background
- could possibly have two columns, like this :
| [MAIN TITLE] | ________ |
| ............ | ........ |
| ............ | .VIDEO.. |
| TITLE....... | ________ |
| ............ | TITLE... |
| ............ | ........ |
| TITLE....... | ........ |
| ............ | ........ |
| ............ | ........ |
...
(just an example/possibility, not a requirement)
- needs to be simple and light; don't want any fancy effects
- would like the font for the main title (and possibly other titles) to be kind of blocky
don't hesitate to ask if you have any other questions and be original if you can. i'm really attached to the B/W theme and how the main title should look, but the rest not so much.
also no need to spend too much time on this, it's just a single webpage !
@Dimensional
Copy link

Sorry. I don't have a twitter so I don't follow, but you're needing another web page for some reason? Wordpress can work out if you need it. Could do everything your example needs. If needed, I can help you set it up. Been doing some hobby web design since '06.

@luis136
Copy link

luis136 commented Aug 28, 2014

What do you mean by blocky font? Do you want a pixelated font?

EDIT: I finished a design, here you are http://luis.oruga.tk/smea/

@daniilS
Copy link

daniilS commented Aug 28, 2014

Maybe a font like Bump IT UP would do. Kinda blocky but not too much.

@jaoralex
Copy link

You can use this place http://m.webnode.mx/ its free and easy y los diseños son de lo mas actual

Copy link

ghost commented Aug 28, 2014

I don't think Smea wants to use a site builder/host since it lacks the flexibility of a personal web server. I tried contacting Smea via email but I'm not sure if his received it. I edited the page to follow smealums guidelines - the only thing missing is the block font but Google's Roboto font still looks great. Added a video and a bunch of other things, the site is here: http://lavanoid.no-ip.org/ssspwn_page_4_smea/ and the zip source is here: http://lavanoid.no-ip.org/ssspwn_page_4_smea.zip

UPDATED!!

@MarieKirya95
Copy link

http://mio.nyaa-nyaa.com/smea/#
Heres a simple skeleton I got up in an hour. Thoughts?
Edit: More updates. I need to get back to work. Lunch time is over.

Copy link

ghost commented Aug 28, 2014

Here is my version: http://webtest001.bplaced.net/

@pathartl
Copy link

Very basic, but HTML5 with a break for mobile devices. I picked a blocky looking font face where the letters are more square than just doing a pixel font (which I always find are ugly). I'm not terribly happy with the horizontal rule but whatever. All uses Google Fonts so no licensing issues. Looks decent on all devices. http://codepen.io/pathartl/full/ejIDq/

@HybridEidolon
Copy link

My proposal. Doesn't quite follow the pixelated titles theme, but I went with the white on black, and the design scales and changes based on device form factor.

http://idolagames.com/~rkinard/sploitin/index.html

@kevinn
Copy link

kevinn commented Aug 29, 2014

Here's my take, a little rough but has css classes to go all dark and with a white background with the posts. LMK, if you intend to use it (same user in github/twitter).

https://dl.dropboxusercontent.com/u/425617/smea/index.html

@Cruel
Copy link

Cruel commented Aug 29, 2014

Here Smea: https://cruel.github.io/ssspwn-site/

You really don't have to change anything, it's all set. You're welcome. 🌟 🌈 👍

@JackXXX
Copy link

JackXXX commented Aug 29, 2014

Here it is: http://gallery61.altervista.org/smealum/
If you are interested you can download it here: http://gallery61.altervista.org/smealum/smealum.rar

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment