Aug 12, 2020 22:03:34 GMT -5
[nospaces][googlefont=Roboto:400,700|Montserrat:200,400|Montserrat+Alternates:300|Open+Sans:400|Source+Sans+Pro:700]
[newclass=.reolContain] --reolAccent:#7B9AFD; [/newclass]
[newclass=.reolContain] width:500px; background-color:#eee; margin:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); position:relative; [/newclass]
[newclass=.reolHeader] display:flex; flex-flow:column nowrap; align-items:center;[/newclass]
[newclass=.reolHeader img:first-child] width:500px; height:250px; filter:grayscale(100%) contrast(250%); [/newclass]
[newclass=.reolHeader:after] content:''; width:500px; height:250px; position:absolute; top:0px; left:0px; background-color: var(--reolAccent); opacity:.75; [/newclass]
[newclass=.reolButton] width:70px; height:70px; background-color:#f8f8f8; margin-top:-35px; position:relative; border-radius:100%; z-index:1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); [/newclass]
[newclass=.reolButton span] font-size:33px; width:70px; height:70px; display:flex; align-items:center; justify-content:center; color:var(--reolAccent); transition:.25s ease; [/newclass]
[newclass=.reolBody] padding:25px 25px 25px 25px; [/newclass]
[newclass=.reolBody h1] margin:0px 0px; height:35px; display:flex; align-items:center; justify-content:center; font:200 35px/35px montserrat; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h1:before] content:''; height:1px; flex-grow:1; margin-right:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h1:after] content:''; height:1px; flex-grow:1; margin-left:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h2] margin:0px; font:700 8px source sans pro; color:#bbb; text-transform:uppercase; text-align:center; [/newclass]
[newclass=.reolBody h3] margin:10px; height:25px; font:300 25px/25px montserrat alternates; color:#bababa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h4] margin:0px 10px 0px 0px; display:block; min-height:45px; font:11px/15px roboto; margin-top:10px; [/newclass]
[newclass=.reolBody h4:before] content: '\eaf7'; float: left; width: 45px; height: 37px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; font: 40px 'Honeybee'; color: var(--reolAccent); margin-right: 10px; margin-top: 5px; border-bottom: 1px solid #ccc;[/newclass]
[newclass=.reolBody div] padding:25px; font:400 11px/15px roboto; color:#7a7a7a; text-align:justify; [/newclass]
[newclass=.reolBody div b] font:700 11px/14px roboto; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody div i] color:#aaa; [/newclass]
[newclass=.reolBody div blockquote] margin:0px; padding:0px 25px; [/newclass]
[newclass=.reolBody div a] text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody code] display:flex!important; align-items:center; justify-content:center; margin:0px!important; width:328px!important; height:auto!important; border:1px solid #ccc!important; padding:10px!important; font:400 10px open sans!important; color:#7a7a7a; background-color:#ddd!important; margin: 0 auto!important;[/newclass]
[newclass=.reolBody button]display:none!important;[/newclass]
[newclass=.reolCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px; [/newclass]
[newclass=.reolCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.reolContain .th]font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\e91b"; font-family: "honeybee";[/newclass]
[attr="class","reolContain"]
[attr="class","reolButton"]
[attr="class","th th-bookmark-1-o"]
[attr="class","th th-bookmark-1-o"]
[attr="class","reolBody"]
The planet Earth first made alien contact when a spaceship crash landed on a farm in Wayport City, Maryland in 1918, containing a baby girl. The last of her race. Before this, there had been recorded (yet often discredited) encounters with various entities of supernatural origin. However, with this undeniable confirmation of the existence of aliens along with the various monsters, demons, mutants, mad geniuses and so forth that had been reported prior, it was clear that the world was soon to change.
[break][break]
Years passed, the girl living in the shadows as instructed to by her adoptive parents. She ignored the wars, all the violence that ensued around her despite the fact that she could do something about it, until one fateful day. The year was 1938, and her closest friend stumbled into a street, seemingly fated for a bitter end. But the alien woman would not allow this to happen, foregoing her parent’s wishes and blitzing into the street at full speed to save her friend. After such a public act, it was certainly difficult to hide her “heritage”, and thus she announced to the world that she would now and forever be known as: Solera, the Super Woman. The Iron Maiden. The first official superhero.
[break][break]
For decades, she saved lives all over the planet and inspired many as the symbol of peace, whether for better or for worse. Solera began a wave of comic books and real life superheroes on Earth. Mutants, aliens, demons, and more became not only superheroes but supervillains alike. The world governments decided to attempt to make their own heroes to represent their countries, super soldiers that would both save citizens and fight in wars. This first generation culture of superheroes continued all the way until 2000, the turn of not only the century but the entirety of supers.
[break][break]
Now, at 82 years of age, Solera was still powerful, but she was past her prime. This was made all too clear during a cataclysmic battle for Wayport City against a mysterious, powerful creature that seemed unreasonably hell-bent on death and destruction. Fortunately, the creature was killed, but the Solera did not survive the battle, shaking the world to its core. The Iron Maiden was now gone forever, and to fill the gap, a new generation of heroes and villains spawned all over the world, another super boom that was similar to that of the boom many decades ago.
[break][break]
Once again, the planet Earth is due for an immense change.
[break][break]
To help this be a change for the better, a man named Robert Harrison, a former super-soldier, and his colleagues decided that the world needed security services more dedicated to helping usher in these new hopefuls to be registered, legal heroes. Come 2010, upon its completion, he would launch said organization: a special task force called Aegis.
[break][break]
The year is now 2020. The second coming of the age of Supers is here, and in this world of unyielding heroism and terrifying villainy, who will you become?
01. site plot
let's see what the world has become
The planet Earth first made alien contact when a spaceship crash landed on a farm in Wayport City, Maryland in 1918, containing a baby girl. The last of her race. Before this, there had been recorded (yet often discredited) encounters with various entities of supernatural origin. However, with this undeniable confirmation of the existence of aliens along with the various monsters, demons, mutants, mad geniuses and so forth that had been reported prior, it was clear that the world was soon to change.
[break][break]
Years passed, the girl living in the shadows as instructed to by her adoptive parents. She ignored the wars, all the violence that ensued around her despite the fact that she could do something about it, until one fateful day. The year was 1938, and her closest friend stumbled into a street, seemingly fated for a bitter end. But the alien woman would not allow this to happen, foregoing her parent’s wishes and blitzing into the street at full speed to save her friend. After such a public act, it was certainly difficult to hide her “heritage”, and thus she announced to the world that she would now and forever be known as: Solera, the Super Woman. The Iron Maiden. The first official superhero.
[break][break]
For decades, she saved lives all over the planet and inspired many as the symbol of peace, whether for better or for worse. Solera began a wave of comic books and real life superheroes on Earth. Mutants, aliens, demons, and more became not only superheroes but supervillains alike. The world governments decided to attempt to make their own heroes to represent their countries, super soldiers that would both save citizens and fight in wars. This first generation culture of superheroes continued all the way until 2000, the turn of not only the century but the entirety of supers.
[break][break]
Now, at 82 years of age, Solera was still powerful, but she was past her prime. This was made all too clear during a cataclysmic battle for Wayport City against a mysterious, powerful creature that seemed unreasonably hell-bent on death and destruction. Fortunately, the creature was killed, but the Solera did not survive the battle, shaking the world to its core. The Iron Maiden was now gone forever, and to fill the gap, a new generation of heroes and villains spawned all over the world, another super boom that was similar to that of the boom many decades ago.
[break][break]
Once again, the planet Earth is due for an immense change.
[break][break]
To help this be a change for the better, a man named Robert Harrison, a former super-soldier, and his colleagues decided that the world needed security services more dedicated to helping usher in these new hopefuls to be registered, legal heroes. Come 2010, upon its completion, he would launch said organization: a special task force called Aegis.
[break][break]
The year is now 2020. The second coming of the age of Supers is here, and in this world of unyielding heroism and terrifying villainy, who will you become?
[attr="class","reolCredit"]SELKIE
[newclass=.reolContain] --reolAccent:#7B9AFD; [/newclass]
[newclass=.reolContain] width:500px; background-color:#eee; margin:10px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); position:relative; [/newclass]
[newclass=.reolHeader] display:flex; flex-flow:column nowrap; align-items:center;[/newclass]
[newclass=.reolHeader img:first-child] width:500px; height:250px; filter:grayscale(100%) contrast(250%); [/newclass]
[newclass=.reolHeader:after] content:''; width:500px; height:250px; position:absolute; top:0px; left:0px; background-color: var(--reolAccent); opacity:.75; [/newclass]
[newclass=.reolButton] width:70px; height:70px; background-color:#f8f8f8; margin-top:-35px; position:relative; border-radius:100%; z-index:1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); [/newclass]
[newclass=.reolButton span] font-size:33px; width:70px; height:70px; display:flex; align-items:center; justify-content:center; color:var(--reolAccent); transition:.25s ease; [/newclass]
[newclass=.reolBody] padding:25px 25px 25px 25px; [/newclass]
[newclass=.reolBody h1] margin:0px 0px; height:35px; display:flex; align-items:center; justify-content:center; font:200 35px/35px montserrat; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h1:before] content:''; height:1px; flex-grow:1; margin-right:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h1:after] content:''; height:1px; flex-grow:1; margin-left:10px; background-color:var(--reolAccent); border:1px solid #fafafa; [/newclass]
[newclass=.reolBody h2] margin:0px; font:700 8px source sans pro; color:#bbb; text-transform:uppercase; text-align:center; [/newclass]
[newclass=.reolBody h3] margin:10px; height:25px; font:300 25px/25px montserrat alternates; color:#bababa; text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody h4] margin:0px 10px 0px 0px; display:block; min-height:45px; font:11px/15px roboto; margin-top:10px; [/newclass]
[newclass=.reolBody h4:before] content: '\eaf7'; float: left; width: 45px; height: 37px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; font: 40px 'Honeybee'; color: var(--reolAccent); margin-right: 10px; margin-top: 5px; border-bottom: 1px solid #ccc;[/newclass]
[newclass=.reolBody div] padding:25px; font:400 11px/15px roboto; color:#7a7a7a; text-align:justify; [/newclass]
[newclass=.reolBody div b] font:700 11px/14px roboto; color:var(--reolAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody div i] color:#aaa; [/newclass]
[newclass=.reolBody div blockquote] margin:0px; padding:0px 25px; [/newclass]
[newclass=.reolBody div a] text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.reolBody code] display:flex!important; align-items:center; justify-content:center; margin:0px!important; width:328px!important; height:auto!important; border:1px solid #ccc!important; padding:10px!important; font:400 10px open sans!important; color:#7a7a7a; background-color:#ddd!important; margin: 0 auto!important;[/newclass]
[newclass=.reolBody button]display:none!important;[/newclass]
[newclass=.reolCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px; [/newclass]
[newclass=.reolCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.reolContain .th]font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-bookmark-1-o:before]content: "\e91b"; font-family: "honeybee";[/newclass]