TESTING The Laboratory

Status
Not open for further replies.
Ardent

Ardent

your blood on my teeth
Original poster
FOLKLORE MEMBER
Invitation Status
  1. Not accepting invites at this time
Posting Speed
  1. Multiple posts per week
  2. 1-3 posts per week
  3. One post per week
  4. Slow As Molasses
Online Availability
12NN-4PM, 7PM~
Writing Levels
  1. Intermediate
  2. Adept
  3. Advanced
  4. Adaptable
Preferred Character Gender
  1. No Preferences
Genres
Horror, Dark Fantasy, Modern
This is where I'll be fixing up some of my old bbcodes and making them more responsive / readable / editable.

NOTE TO SELF:

- layouts that scale across all devices
- font size that respects client-side settings (em, rem)
- variables
- trying not to set fixed lengths as much as possible

GEN. TO-DO LIST:

GUIDE
[ ] Add grid guide. But before that, I must master grid, because I'm still a noob at it.
[ ] Revamp layout. Maybe.
[ ] Update fonts in font guide.

DESIGN IDEAS:
[ ] I don't know, man. I just wanna fuck around with animations.

REVAMP PROJECT:
[ - ] SUNFLOWER FIELD
[ - ] OLD GOLD
[ ✓ ] SIMPLE ACCORDIONS
[ ] RAVENCLAW (Include other houses)
[ ] DEAD OR ALIVE
- Why is this trash? There's too much serif; it's hard to read.
[ ] COMIC BOOK STYLE
- Optimize
 
Last edited:
  • Like
Reactions: Ghostly Boo
lorem
ipsum
Overview
Name:
Nickname:
Age:
Birthday:
Face Claim:

Personality
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus, augue ac interdum tincidunt, quam mi fermentum eros, eget consequat ex nulla in nibh. Aliquam blandit, lorem ac commodo sollicitudin, dolor erat pellentesque sem, quis laoreet risus augue eu elit. Nunc eu fermentum nulla, sit amet blandit ex. Integer vitae orci sit amet ante pellentesque fringilla. Maecenas nibh erat, vulputate in faucibus at, fringilla in nibh. Sed et mauris tincidunt risus vestibulum bibendum. Cras risus nisl, interdum at ex et, tempor condimentum lectus. Maecenas eget massa sodales ex accumsan maximus. Sed lobortis quam ac metus feugiat porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet tristique felis, eget congue sem. Vivamus nec molestie purus. In sed ornare quam. Sed ultrices tincidunt tincidunt.

Biography
Donec justo libero, pellentesque in mollis id, lacinia nec eros. Sed mattis ornare nisl, ac porta tellus pretium a. Quisque fringilla quis mauris varius ornare. Sed sed enim varius, fermentum velit accumsan, efficitur magna. Suspendisse aliquam dictum maximus. In porta convallis tortor, ut molestie augue gravida eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Proin eget justo nunc. Donec sollicitudin dui elit, sed pretium lectus tristique nec. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam et purus non elit volutpat tristique. Aliquam sollicitudin interdum odio at tempor. Nullam sit amet aliquam velit. Integer congue sagittis placerat. Proin ac aliquet ante, id lacinia quam.

Cras et ultrices eros. Fusce aliquet molestie ligula, placerat mollis eros condimentum in. Ut a ex non mi iaculis sagittis. Aliquam tortor metus, commodo et efficitur non, pretium eu metus. Sed et tellus sed lacus luctus semper. Nam nec faucibus libero, sit amet egestas magna. Sed porta quis ligula eget vehicula.
 
Last edited:
Lord give me patience

It bothers me that it's not completely centered but this is good enough for now. Probably

Scythe
Wraith
&
 
Last edited:
I have no idea why I used unicodes for the little circles, when I could have just coded them in.

TBD:
* Circles
* The background
* Add variables
* Responsive font size

Lorem Ipsum
⬤ ⭘
Interactions
@username @username
location
everywhere
⭘ ⬤
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel facilisis arcu. Proin interdum velit et justo facilisis, quis rutrum urna porta. Duis vitae nisl in sapien gravida dapibus. Etiam odio eros, lobortis at rhoncus ac, scelerisque vitae ante. Integer lobortis consectetur nulla eu commodo. Nullam imperdiet dui sapien, sed varius mi placerat vel. Cras id purus aliquam, sagittis leo sed, tempor felis. Quisque sapien dolor, rhoncus ut elit id, semper dignissim arcu. Integer ut efficitur metus, vitae gravida leo. Aenean vehicula varius tellus eu laoreet. In aliquam luctus quam vitae consectetur. Pellentesque vel accumsan enim, a facilisis nisi.

Praesent iaculis bibendum quam vel scelerisque. Vivamus commodo placerat arcu vel sollicitudin. Phasellus venenatis metus nisi, nec semper mauris pharetra consectetur. Etiam quis mi varius, volutpat nulla at, molestie diam. Sed mauris turpis, lacinia et justo sed, placerat efficitur ipsum. Nullam tempus purus ac laoreet commodo. Ut tempus neque at finibus aliquet.
 
Last edited:
An attempt at neobrutalism. Still a WIP.

Yes, it's supposed to be a lot to look at. Apologies in advance if you're on the midnight theme.

To-do:
[ ] Complete variables
[ ] Responsive font size
[ ] Better way to do mp3 player with grid (?)
[ ] Variation 2 with the second slide peeking from behind.
[ ] Animation for 2nd slide header
[ ] Change the colors, at least while I'm still coding it. Tis hurting my eyes.

1 2 3 4
  • Hello world.
    Some words of encouragement here.
    CLICK ME!
  • test
    Hello world.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis lectus magna fringilla urna. Id venenatis a condimentum vitae sapien pellentesque habitant. Risus ultricies tristique nulla aliquet enim tortor at auctor. Tortor at risus viverra adipiscing at in tellus integer feugiat.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis lectus magna fringilla urna. Id venenatis a condimentum vitae sapien pellentesque habitant. Risus ultricies tristique nulla aliquet enim tortor at auctor. Tortor at risus viverra adipiscing at in tellus integer feugiat.
 
Last edited:
DOES THIS WORK??


Germania One
 
Last edited:
Status
Not open for further replies.
Top Bottom
Back