i. The Coder's Society

The Artists' Showroom Coding Wizards
61

 
1 Like
62
Summary

1 Like
63

W E L C O M E

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.



R U L E S

  1. Insert a rule here.
  2. Insert another rule here.
  3. Blah blah blah more rules.
  4. Keep going for as many as you need.



F O R M

Title:
Author:
Genre:
Ideas: (please give me at least two idea to work with)
Font: (this is optional, but let me know if you have a preference)
Mood: (is it a happy novel? a sad one? tell me, please)
Are you okay with a possibly trashy cover?


E X A M P L E S

1 Like
64
Summary

   

   

   

   

2 Likes
65

Table of Contents:

  1. Pretend
  2. this
  3. says
  4. something
  5. important

Pretend

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.

this

Quisque faucibus et erat in consectetur. Quisque ut fringilla leo, vitae sagittis augue. Donec fermentum tristique sapien consectetur sodales. Mauris pharetra luctus odio, tempus faucibus ipsum pellentesque eget. Quisque quis quam eget leo accumsan dignissim sit amet ut dolor. Quisque neque ipsum, sodales eu rhoncus at, finibus sed turpis. Nulla facilisi. Suspendisse sodales accumsan dui, ut viverra tellus. Fusce leo lorem, vestibulum at laoreet quis, lobortis hendrerit lorem. Morbi euismod ante vitae lacinia vulputate. Pellentesque purus diam, eleifend vel condimentum eu, ultricies sed turpis. Donec in maximus magna.

says

In hac habitasse platea dictumst. Etiam egestas facilisis volutpat. Aliquam id imperdiet arcu, eu porttitor felis. Proin neque urna, porta quis eros in, interdum viverra turpis. Quisque in fringilla ipsum. Nunc vel ultrices est, eu aliquam lorem. Nulla eget sodales ex. Nullam pretium augue lectus, non vehicula velit lacinia at. Nunc porta mauris eget odio auctor tincidunt. Nunc hendrerit feugiat viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

something

Praesent a nunc tempus, pretium ligula condimentum, tincidunt leo. Praesent ligula ante, convallis at consectetur non, maximus et ipsum. Duis pellentesque dictum ipsum, quis vestibulum lectus iaculis ac. Nam efficitur tortor ac ante consectetur volutpat lobortis sed metus. Nulla vestibulum libero libero. Donec malesuada eros felis, lacinia faucibus neque sollicitudin eu. Maecenas sapien nisl, consectetur vitae orci at, ultricies ultricies metus.

important

Sed erat mauris, venenatis eu mollis nec, consequat at augue. Sed at tortor sed lorem ullamcorper laoreet nec id libero. Phasellus tempus scelerisque rhoncus. Donec lacus lectus, hendrerit vitae orci et, porta condimentum diam. Etiam at leo ac dolor aliquet interdum id sed dolor. Nam finibus nibh et orci pulvinar, quis finibus erat finibus. Nullam laoreet pharetra risus, et laoreet ex varius pulvinar. Mauris sapien dui, iaculis sit amet orci nec, pharetra vulputate nisl. Morbi mollis, erat nec euismod lobortis, lectus mauris varius nunc, id porta nisi ex rutrum erat. Quisque accumsan libero lectus, non feugiat eros dictum nec. Proin condimentum egestas pellentesque. Nulla suscipit libero id nisl varius volutpat. Nunc auctor lorem eget molestie semper. Donec lectus lectus, commodo eu dapibus tincidunt, molestie sed massa. Donec sit amet maximus felis, laoreet ultrices neque.

2 Likes
66

Random table with random values:

  Reads Votes Comments
Book 1 26 views 14 votes 23 comments
Book 2 93 views 91 votes 82 comments
Book 3 85 views 21 votes 40 comments
2 Likes
67

 MDC TaglistMDC TaglistMDC Taglist 

1 Like
68

690px

670px

350px

300px

2 Likes
69

612px

Approximate size of the preview box from community.

I’ll have to check if this is true here.

2 Likes
70

 
Delivery
 

Hello, @user

Thank you for requesting a cover.

I have attached it below. I hope you like it.



Let me know if you want any small changes. c:
2 Likes
71

●●●●●●●●●●

These are pretty colors.

3 Likes
72

●●●●●●●●●●

Found a monochrome version.

3 Likes
73

Some predefined css variables used on these forums, these values change depending on what theme you’re using.

Predefined css variables (values below are for the dark theme) 
--primary: #ddd;
--secondary: #222;
--tertiary: #0f82af;
--quaternary: #c14924;
--header_background: #111;
--header_primary: #ddd;
--highlight: #a87137;
--danger: #e45735;
--success: #1ca551;
--love: #fa6c8d;
--always-black-rgb: 0, 0, 0;
--primary-rgb: 221,221,221;
--primary-low-rgb: 48.62,48.62,48.62;
--secondary-rgb: 34,34,34;
--header_background-rgb: 17,17,17;
--tertiary-rgb: 15,130,175;
--primary-very-low: #282828;
--primary-low: #313131;
--primary-low-mid: #7a7a7a;
--primary-medium: #909090;
--primary-high: #a6a6a6;
--primary-very-high: #c7c7c7;
--header_primary-low: #313131;
--header_primary-low-mid: #7a7a7a;
--header_primary-medium: #909090;
--header_primary-high: #a6a6a6;
--header_primary-very-high: #c7c7c7;
--secondary-low: #bdbdbd;
--secondary-medium: #919191;
--secondary-high: #646464;
--secondary-very-high: #313131;
--tertiary-low: #052e3d;
--tertiary-medium: #084860;
--tertiary-high: #0b6283;
--tertiary-hover: #0b6283;
--quaternary-low: #3a160b;
--highlight-low: #22170b;
--highlight-medium: #4c3319;
--highlight-high: #976632;
--danger-low: #591b0c;
--danger-low-mid: rgba(99,30,13,0.7);
--danger-medium: #a13116;
--danger-hover: #c63c1b;
--success-low: #0b4220;
--success-medium: #116331;
--success-hover: #168441;
--love-low: #8a0524;
--wiki: green;
--blend-primary-secondary-5: #3c3c3c;
--primary-med-or-secondary-med: #919191;
--primary-med-or-secondary-high: #646464;
--primary-high-or-secondary-low: #bdbdbd;
--primary-low-mid-or-secondary-high: #646464;
--primary-low-mid-or-secondary-low: #bdbdbd;
--primary-or-primary-low-mid: #7a7a7a;
--highlight-low-or-medium: #4c3319;
--tertiary-low-or-tertiary-high: #0b6283;
--tertiary-med-or-tertiary: #0f82af;
--secondary-or-primary: #ddd;
--tertiary-or-white: #fff;
--facebook-or-white: #fff;
--twitter-or-white: #fff;
--hljs-comment: #bba;
--hljs-number: #aff;
--hljs-string: #f99;
--hljs-literal: #9ae;
--hljs-tag: #99f;
--hljs-attribute: #0ee;
--hljs-symbol: #fbe;
--hljs-bg: #333;
--google: #fff;
--google-hover: #f2f2f2;
--instagram: #e1306c;
--instagram-hover: #ac194b;
--facebook: #4267b2;
--facebook-hover: #2d477a;
--cas: #70ba61;
--twitter: #1da1f2;
--twitter-hover: #0c85d0;
--github: #100e0f;
--github-hover: #463e42;
--discord: #7289da;
--discord-hover: #4a67cf;
--gold: #e7c300;
--silver: silver;
--bronze: #cd7f32;

Usage:
color: var(--gold);

Example:
Gold!

<span style="font-size:; color: var(--gold);">Gold!</span>

Creating your own css variables:
Usage:
--test: red;

Example:

Test!

<span style="font-size:;  --test: red;">
  <span style="font-size:; border: 1px solid var(--test)">Test!</span>
</span>
1 Like
74

 

 

 

 

Another color palette I like.

❏ ❐ ❑ ❒

❏ ❐ ❑ ❒

❏ ❐ ❑ ❒

❏ ❐ ❑ ❒

3 Likes
75
clicky

Okay, this is kinda cool.

2 Likes
76
clicky

Testing a fixed background.

2 Likes
77

How to make an image thread mobile responsive:

<span style="font-size:; text-align: center; display: block;"><img src="image_link_here.png"></span>

2 Likes
78

   

2 Likes
79

           

2 Likes
80

Title Text

Nulla pellentesque, velit in pharetra pretium, sem nibh elementum nibh, quis aliquam dui ex sit amet lectus. Pellentesque placerat consectetur ligula ac lacinia. Phasellus elit eros, tempor nec orci eget, tristique condimentum purus. Suspendisse rutrum tempor ipsum ac luctus. Fusce dolor diam, volutpat vel porttitor eu, dignissim at purus. Aliquam neque nulla, aliquet a eros ut, iaculis euismod sapien. Nunc ultrices tortor vel velit molestie ullamcorper. Etiam nec lectus massa. Pellentesque venenatis venenatis pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed dolor lorem, sollicitudin eu enim eu, commodo ornare tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus maximus urna elementum nibh sagittis ornare. Quisque commodo id ante convallis placerat. Proin ut tristique enim, ut fermentum erat. Mauris a justo ante.

Ending Text

2 Likes