查看“用户:UN1C0DE”的源代码

<html>
<div style="display: flex; justify-content: center; margin-bottom: 2rem;">
<p 
  style="
    display: block; 
    flex: 0 0 auto;
    font-family: 'Consolas', monospace; 
    font-size: 14px; 
    font-weight: bold; 
    line-height: 0.75; 
    letter-spacing: 0; 
    white-space: pre; 
    background-color: transparent; 
    cursor: default; 
    user-select: none;
  "
  data-minlength="60"
  data-maxlength="124"
>
                                                                    /
                                                                   /
                                                               b. /
                                                               *#V                              .i
                          A                                    .##.                         _..-#]
              A          .#.                                  .# *#.  ___________    ..-=########7
             i#.         %##                                 ;#'  q#. `^----=######=############7
    b       ;###.       O###T       4                       ;7     9#.        'q####P^*'`     "'`
    ##-     #####      ;####      .##       -=A            ;#     .###.         ##:"`
    ###    ;##`##;     J###     -###7     .=##%}      .-=..#:     ;#`##.       .##'   _.--==-
   .##;    ##7 |##    .###   _-#####    .#####=    @#######7     :#7  ##o      d## .-=######7
   ;##    ;##` ###.   ;##" -+=^*`##:  .####*      &#**  ;##.     ##:  `###.   .###$P^*"`   "
   ##;    ##:  ####   $#:       ##7  .###         ##    #^##.   ;##'    ####. :##`
  .##    ;##   ##$#;  ##'      ;##  .##P          ##   #7  `##. ###      =###-###               ..
  ;#7    d#:  .#7?## :#7       ##7 .##P           ##  ;#   >#k> ###  ...  `#####7      ..--==######=-._
  ##  .-=##'  ;#' $#./#:      %##  &#$        .=A ## .##+=euG; d################'  .-=################H.
 ;##=######   ##  ?#L##      ###*  *###v==###=##7 ##########7.##################.-#####$P^*"'`     `*^V*
 @###=^` t#  .#7   ###:    <@##;    `##########/  *$^#`   `>#####^*"`      `*#########*`
 *#°      Y  d#'   :##:      *V       *"      '     #7    .###*`             B#####P*
            .##     K^`                            ##    4$*`                 *@##*
            ##:                                   .#    .$                     `V*
           z@#                                    /7    7
            *#                                    #
             7                                   ;7
                                                 !

</p>
</div>

<p style="text-align: center; margin-bottom: 2rem;">
Visit
<a href="http://un1c0de.xyz/">my personal website</a> 
to find out who I am and what I am doing
</p>

<div style="text-align: center;">
  <p style="
    flex: 0 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2em; 
    height: 2em;
    color: #000;
    border-radius: 50%;
    background-image: radial-gradient(circle at 12.5% 50%, #ffef00, #b48500);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    cursor: default;
    user-select: none;
    transform: rotate(90deg);
  ">
    :D
  </p>
</div>

<section>
 <h2>Some effects</h2>

 <div style="width: 100%; display: grid; grid-template-columns: 1fr 1fr auto;">
  <div>Rainbow Glow</div>

  <div style="display: flex; justify-content: center; margin: 0 2rem;">
   <div class="rainbow-glow--wrapper" style="position: relative; width: 8rem; height: 4rem; padding: 4px; box-sizing: border-box;">
    <div 
     class="rainbow-glow--glow" 
     style="
      position: absolute; 
      left: 0; 
      top: 0; 
      width: 100%; 
      height: 100%; 
      border-radius: 8px;  
      background-image: conic-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00); 
      box-sizing: border-box;
     "
    >
     &nbsp;
    </div>

    <div 
     class="rainbow-glow--content" 
     style="
      position: relative; 
      z-index: 1; 
      display: flex; 
      justify-content: center; 
      align-items: center; 
      padding: .5rem 1rem; 
      width: 100%; 
      height: 100%; 
      background-color: #fff; 
      color: #000; 
      border: solid 2px #000; 
      border-width: 2px 3px 4px; 
      border-radius: 6px; 
      box-sizing: border-box;
     "
    >
     YOOHOO
    </div>
   </div>
  </div>
   
  <div>
   <ul>
    <li>The <code>filter</code> property will eliminate inline styles (wish I could use this on the glow layer though)</li>
   </ul>
  </div>
 </div>
</section>

<section>
 <h2>CREmoteFixes</h2>

 <section>
  <p>This may fix most of inconsistent vertical alignment and allow better visual effect.</p>

  <div style="font-size: 12px; display: flex; flex-flow: row nowrap; align-items: center; padding: .5rem; background-color: #fff; color: #000; border-left: 8px solid #f00;">
   <div>[[File:Info.png|20px]]</div>
   <div style="margin-left: .5em;>After testing in CR emoticon pages, this fix isn't quite ideal because icons may either have oversized width, or non-transparent background, etc.</div>
  </div>
   
  <div style="display: flex;">
   <div style="flex: 0 0 auto; height: 120px;">
    <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;">
     <div style="width: 100px; height: 76px; position: relative;">
      <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Dagger_Goblin.png|100px]]</div>
     </div>
    </div>
    {{AudioButton|CR_Emote_Dagger_Goblin.mp3}}
   </div>

   <div style="flex: 0 0 auto; height: 120px;">
    <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;">
     <div style="width: 100px; height: 76px; position: relative;">
      <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Thumbs-Up_Princess.png|100px]]</div>
     </div>
    </div>
    {{AudioButton|CR_Emote_Thumbs-Up_Princess.mp3}}
   </div>

   <div style="flex: 0 0 auto; height: 120px;">
    <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: #fff; border-radius: 16px;">
     <div style="width: 100px; height: 76px; position: relative;">
      <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Rocket_Hoggy.png|100px]]</div>
     </div>
    </div>
    {{AudioButton|CR_Emote_Rocket_Hoggy.mp3}}
   </div>
  </div>
 </section>

 <script type="text/javascript">alert('0')</script>
</section>

<comments />
</html>