MODULAR | Customizable Layout (2a. Text Modules)

CivilEngideer

Info


Created
4 years, 1 month ago
Creator
CivilEngideer
Favorites
11

Profile


note

Some of the previews with tabs are broken here, they work when used regularly but they aren't happy about sharing a page with this many buttons.



"basics"
BASICS

Name First "Nickname" Last
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th
Species ??????
Designer ??????

"content warning"
CONTENT WARNING

This character features explicit/mild themes/depictions of ?????
Explicit/mild themes/depictions of ?????

Proceed with Caution


"stats"
Stats

Height ?'??"
Race ?????????
Build ???????
Weight ???lbs
Worth $???
Original Price $???
No. Art Pieces ???
Offer Status Not For Offers

"ultimate basics"
BASICS

Name First "Nickname" Last
Pronounced some way
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th

Species ??????
Race ??????
Build ??????
Height ??????
Weight ??????

Value


Value

Value
Value

Value
Value

Hey you like all my stat options? Don't feel like you gotta use them all or do the alternating thing. I just wanted you to have some options cause I think you're cool.
Here's an optional blurb. Could be a super quick run down.
Still no scrollbars! Do mobile users hate me or do they appreciate the readability?

"Like & dislikes"
Likes

  • big long item one that is very big and long
  • two
  • three
  • four
Dislikes

  • big long item one that is very big and long
  • two
  • three
  • four

"text box"
Text Box

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.

Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna. Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna.


"misc list r"
Trivia

  • big long item one that is very big and long
  • two
  • three
  • four

"misc list L"
Trivia

  • big long item one that is very big and long
  • two
  • three
  • four

"playlist"
Playlist

  • "If you want to have cities, You've Got To Build Roads."
    • Comanche - CAKE
  • "Special Lyric"
    • Song - Artist
  • Or maybe just song - artist
  • Up to you!
You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.

"images in text"
TITLE

33437432_AfGL7b4OXlkU7bU.gif

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Left Paragraph 2

Under Picture 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Right Paragraph 2

33437432_AfGL7b4OXlkU7bU.gif

Under Picture 2


"Relationships 1.0"
Relationships

Name

Don't talk too much! These pictures stretch to match the amount of text you put in!

Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


"Relationships 2.0"
RELATIONSHIPS

27938542_LaADPlO7C9qDkSQ.png?1604351770
Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

27938542_LaADPlO7C9qDkSQ.png?1604351770

"Tell us what you really think"

"How do you feel about yourself?"

This module is meant to be like the toyhouse links page but you could probably figure out some other uses, like an inventory + skills section! Or a tiny story! It's up to you and how willing you are to put up with coding nonsense.

8704590?1617788744

"Wait about me? Wow, uh, that's kind of a hard one to just throw at someone!"
"I think... I'm trying my best!!"

"Is that a good answer?"

27938516_5jdQLEA3L68WAgA.png?1605207280

That's a picture of me!

Amaya & Midnite

8704590?1617788744

"I think Midnite is really cool!"
"Her fashion is sooooo goooood and she let me play with her constellation once!"

"Amaya is sooooo cute zomg."
"We love bonding over stim toys!!"

8704579?1604194427

Inventory

HSYL.png
Homes Smell Ya Later

Karkat combined his sickle with The Thresh Prince of Bel-Air DVD to produce Homes Smell Ya Later upon entering the medium. The name is a direct reference to a line in the Fresh Prince of Bel-Air theme, which is actually "Yo homes, smell ya' later!" In The Thresh Prince of Bel-Air, Troll Will Smith plays a new cadet amongst the ranks of the threshecutioners, sassin' up all the bluebloods in his flaysquad. In Act 6 Act 6 Intermission 5, Karkat describes it as PROBABLY LACKING IN COMBAT STATS, BUT IT'S HARD TO SAY NO TO A CLASSIC.

Suitarangs

I bet you thought you could get through a code demo without homestuck. Well you're wrong.

Suitarang.PNG

"tabs"
About Tabs

Tabs is an empty module by itself, you actually put in the other modules you want. Pretty neat right? Just be careful and don't dunk it up too much.

BASICS

Name First "Nickname" Last
Pronounced some way
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th

Species ??????
Race ??????
Build ??????
Height ??????
Weight ??????

Value


Value

Value
Value

Value
Value

Hey you like all my stat options? Don't feel like you gotta use them all or do the alternating thing. I just wanted you to have some options cause I think you're cool.
Here's an optional blurb. Could be a super quick run down.
Still no scrollbars! Do mobile users hate me or do they appreciate the readability?
"artsy tabs"
About artsy tabs

This tab is basically the same as the other tabs but the background extends! How Artsy.

Likes

  • big long item one that is very big and long
  • two
  • three
  • four
Dislikes

  • big long item one that is very big and long
  • two
  • three
  • four
BASICS

Name First "Nickname" Last
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th
Species ??????
Designer ??????
Playlist

  • "If you want to have cities, You've Got To Build Roads."
    • Comanche - CAKE
  • "Special Lyric"
    • Song - Artist
  • Or maybe just song - artist
  • Up to you!
You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.
"basics"
BASICS

Name First "Nickname" Last
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th
Species ??????
Designer ??????

"content warning"
CONTENT WARNING

This character features explicit/mild themes/depictions of ?????
Explicit/mild themes/depictions of ?????

Proceed with Caution


"stats"
Stats

Height ?'??"
Race ?????????
Build ???????
Weight ???lbs
Worth $???
Original Price $???
No. Art Pieces ???
Offer Status Not For Offers

"ultimate basics"
BASICS

Name First "Nickname" Last
Pronounced some way
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th

Species ??????
Race ??????
Build ??????
Height ??????
Weight ??????

Value


Value

Value
Value

Value
Value

Hey you like all my stat options? Don't feel like you gotta use them all or do the alternating thing. I just wanted you to have some options cause I think you're cool.
Here's an optional blurb. Could be a super quick run down.
Still no scrollbars! Do mobile users hate me or do they appreciate the readability?

"likes & dislikes"
Likes

  • big long item one that is very big and long
  • two
    • indented three
  • four
Dislikes

  • big long item one that is very big and long
  • two
    • indented three
  • four

"text box"
Text Box

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.

Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna. Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna.


"misc list r"
Trivia

  • big long item one that is very big and long
  • two
    • indented three
  • four

"misc list l"
Trivia

  • big long item one that is very big and long
  • two
    • indented three
  • four

"playlist"
Playlist

  • "If you want to have cities, You've Got To Build Roads."
    • Comanche - CAKE
  • two
    • indented three
  • four
You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.

"images in text"
TITLE

33437432_AfGL7b4OXlkU7bU.gif

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Left Paragraph 2

Under Picture 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Right Paragraph 2

33437432_AfGL7b4OXlkU7bU.gif

Under Picture 2


"Relationships 1.0"
Relationships

Name

Don't talk too much! These pictures stretch to match the amount of text you put in!

Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


"Relationships 2.0"
RELATIONSHIPS

27938542_LaADPlO7C9qDkSQ.png?1604351770
Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

27938542_LaADPlO7C9qDkSQ.png?1604351770
"Tell us what you really think"

"How do you feel about yourself?"

This module is meant to be like the toyhouse links page but you could probably figure out some other uses, like an inventory + skills section! Or a tiny story! It's up to you and how willing you are to put up with coding nonsense.

8704590?1617788744

"Wait about me? Wow, uh, that's kind of a hard one to just throw at someone!"
"I think... I'm trying my best!!"

"Is that a good answer?"

27938516_5jdQLEA3L68WAgA.png?1605207280

It's a picture of me!

Amaya & Midnite

8704590?1617788744

"I think Midnite is really cool!"
"Her fashion is sooooo goooood and she let me play with her constellation once!"

"Amaya is sooooo cute zomg."
"We love bonding over stim toys!!"

8704579?1604194427

Inventory

HSYL.png
Homes Smell Ya Later

Karkat combined his sickle with The Thresh Prince of Bel-Air DVD to produce Homes Smell Ya Later upon entering the medium. The name is a direct reference to a line in the Fresh Prince of Bel-Air theme, which is actually "Yo homes, smell ya' later!" In The Thresh Prince of Bel-Air, Troll Will Smith plays a new cadet amongst the ranks of the threshecutioners, sassin' up all the bluebloods in his flaysquad. In Act 6 Act 6 Intermission 5, Karkat describes it as PROBABLY LACKING IN COMBAT STATS, BUT IT'S HARD TO SAY NO TO A CLASSIC.

Suitarangs

I bet you thought you could get through a code demo without homestuck. Well you're wrong.

Suitarang.PNG

"tabs"
about tabs

Tabs is an empty module by itself, you actually put in the other modules you want. Pretty neat right? Just be careful and don't dunk it up too much.

BASICS

Name First "Nickname" Last
Pronounced some way
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th

Species ??????
Race ??????
Build ??????
Height ??????
Weight ??????

Value


Value

Value
Value

Value
Value

Hey you like all my stat options? Don't feel like you gotta use them all or do the alternating thing. I just wanted you to have some options cause I think you're cool.
Here's an optional blurb. Could be a super quick run down.
Still no scrollbars! Do mobile users hate me or do they appreciate the readability?
"artsy tabs"

About artsy tabs

This tab is basically the same as the other tabs but the background extends! How Artsy.

Likes

  • big long item one that is very big and long
  • two
    • indented three
  • four
Dislikes

  • big long item one that is very big and long
  • two
    • indented three
  • four

27930554_2L4AN1I9hn651rq.png?1604412194

BASICS

Name First "Nickname" Last
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th
Species ??????
Designer ??????
Playlist

  • "If you want to have cities, You've Got To Build Roads."
    • Comanche - CAKE
  • two
    • indented three
  • four
You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.

"basics"

BASICS

Name First "Nickname" Last
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th
Species ??????
Designer ??????

"content warning"

CONTENT WARNING

This character features explicit/mild themes/depictions of ?????
Explicit/mild themes/depictions of ?????

Proceed with Caution


"stats"

STATS

Height ?'??"
Race ????
Build ???
Weight ??? lbs
Worth $$$
Original Worth $$$
No. Art Pieces ???
Offer Status Not For Offers

"ultimate basics"

BASICS

Name First "Nickname" Last
Pronounced some way
Pronouns xxx/xxx/xxx
Gender ???gender
Orientation ???sexual
Age Young Adult
Birthday ?????ber ??th

Species ??????
Race ??????
Build ??????
Height ??????
Weight ??????

Value


Value

Value
Value

Value
Value

Hey you like all my stat options? Don't feel like you gotta use them all or do the alternating thing. I just wanted you to have some options cause I think you're cool.
Here's an optional blurb. Could be a super quick run down.
Still no scrollbars! Do mobile users hate me or do they appreciate the readability?

"likes & dislikes"

Likes

  • big long item one that is very big and long
  • two
  • three
  • four
Dislikes

  • big long item one that is very big and long
  • two
  • three
  • four

"text box"

TEXT BOX

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.

Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna. Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna.


"misc list r"

TRIVIA

  • big long item one that is very big and long
  • two
  • three
  • four
  • big long item one that is very big and long
  • two
  • three
  • four

"misc list l"

TRIVIA

  • big long item one that is very big and long
  • two
  • three
  • four

"playlist"

playlist

  • "If you want to have cities, You've Got To Build Roads."
    • Comanche - CAKE
  • "Special Lyric"
    • Song - Artist
  • Or maybe just song - artist
  • Up to you!

You could even do a description of the story that the playlist or song is taking you through, that's neat. Do know this expands but doesn't scroll. The box will grow to match it but doesn't shrink to match it. If you don't want this plain text just delete it easy peasy.


"images in text"

TITLE

33437432_AfGL7b4OXlkU7bU.gif

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Left Paragraph 2

Under Picture 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind! ALSO it's stuck in this column.

Right Paragraph 2

33437432_AfGL7b4OXlkU7bU.gif

Under Picture 2


"relationships 1.0"

RELATIONSHIPS

Name

Don't talk too much! These pictures stretch to match the amount of text you put in!

Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


"relationships 2.0"

RELATIONSHIPS

27938542_LaADPlO7C9qDkSQ.png?1604351770
Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.


Name

Don't talk too much! There's no scrollbar!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.

27938542_LaADPlO7C9qDkSQ.png?1604351770

"Tell us what you really think"

"How do you feel about yourself?"

This module is meant to be like the toyhouse links page but you could probably figure out some other uses, like an inventory + skills section! Or a tiny story! It's up to you and how willing you are to put up with coding nonsense.

8704590?1617788744

"Wait about me? Wow, uh, that's kind of a hard one to just throw at someone!"
"I think... I'm trying my best!!"

"Is that a good answer?"

27938516_5jdQLEA3L68WAgA.png?1605207280

That's a picture of me!

Amaya & Midnite

8704590?1617788744

"I think Midnite is really cool!"
"Her fashion is sooooo goooood and she let me play with her constellation once!"

"Amaya is sooooo cute zomg."
"We love bonding over stim toys!!"

8704579?1604194427

Inventory

HSYL.png
Homes Smell Ya Later

Karkat combined his sickle with The Thresh Prince of Bel-Air DVD to produce Homes Smell Ya Later upon entering the medium. The name is a direct reference to a line in the Fresh Prince of Bel-Air theme, which is actually "Yo homes, smell ya' later!" In The Thresh Prince of Bel-Air, Troll Will Smith plays a new cadet amongst the ranks of the threshecutioners, sassin' up all the bluebloods in his flaysquad. In Act 6 Act 6 Intermission 5, Karkat describes it as PROBABLY LACKING IN COMBAT STATS, BUT IT'S HARD TO SAY NO TO A CLASSIC.

Suitarangs

I bet you thought you could get through a code demo without homestuck. Well you're wrong.

Suitarang.PNG

"tabs"

About Tabs

Tabs is an empty module by itself, you actually put in the other modules you want. Pretty neat right? Just be careful and don't dunk it up too much.

27930554_2L4AN1I9hn651rq.png?1604412194

TEXT BOX

This is where some amount of text goes. It extends but doesn't scroll, so keep that in mind!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.

Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna. Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna.

Likes

  • big long item one that is very big and long
  • two
  • three
  • four
Dislikes

  • big long item one that is very big and long
  • two
  • three
  • four