Difference between revisions of "Template:Valencia UPV"

Line 1: Line 1:
−
<html lang="en" >
+
<html lang="en">
−
  <head>
+
 
 +
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <title>bulma|vue kanban</title>
+
     <title>bulma cards</title>
−
      
+
     <link rel="shortcut icon" href="../images/fav_icon.png" type="image/x-icon">
−
   
+
 
     <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css'>
 
     <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css'>
−
     <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
+
     <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
−
     <link rel="stylesheet" href="../css/kanban.css">
+
     <link rel="stylesheet" href="../css/cards.css">
−
   
+
 
−
  </head>
+
</head>
−
  <body>
+
 
−
    <div id="app">
+
<body>
−
      <nav class="navbar has-shadow">
+
 
−
        <div class="container">
+
        <!-- START NAV -->
−
          <div class="navbar-brand"><a class="navbar-item" href="../">
+
        <nav class="navbar">
−
          <img src="http://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox"/></a>
+
                <div class="container">
 +
                    <div class="navbar-brand">
 +
                        <a class="navbar-item" href="../">
 +
                                <img src="../images/bulma.png" alt="Logo">
 +
                            </a>
 +
                        <span class="navbar-burger burger" data-target="navbarMenu">
 +
                                <span></span>
 +
                        <span></span>
 +
                        <span></span>
 +
                        </span>
 +
                    </div>
 +
                    <div id="navbarMenu" class="navbar-menu">
 +
                        <div class="navbar-end">
 +
                            <a class="navbar-item is-active">
 +
                                    Home
 +
                                </a>
 +
                            <a class="navbar-item">
 +
                                    Examples
 +
                                </a>
 +
                            <a class="navbar-item">
 +
                                    Features
 +
                                </a>
 +
                            <a class="navbar-item">
 +
                                    Team
 +
                                </a>
 +
                            <a class="navbar-item">
 +
                                    Archives
 +
                                </a>
 +
                            <a class="navbar-item">
 +
                                    Help
 +
                                </a>
 +
                            <div class="navbar-item has-dropdown is-hoverable">
 +
                                <a class="navbar-link">
 +
                                        Account
 +
                                    </a>
 +
                                <div class="navbar-dropdown">
 +
                                    <a class="navbar-item">
 +
                                            Dashboard
 +
                                        </a>
 +
                                    <a class="navbar-item">
 +
                                            Profile
 +
                                        </a>
 +
                                    <a class="navbar-item">
 +
                                            Settings
 +
                                        </a>
 +
                                    <hr class="navbar-divider">
 +
                                    <div class="navbar-item">
 +
                                        Logout
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </nav>
 +
            <!-- END NAV -->
 +
 
 +
    <div class="container">
 +
        <div id="flow">
 +
            <span class="flow-1"></span>
 +
            <span class="flow-2"></span>
 +
            <span class="flow-3"></span>
 
         </div>
 
         </div>
−
      </div>
+
         <div class="section">
−
    </nav>
+
            <div class="box">
−
    <section class="hero is-info">
+
                <div class="field has-addons">
−
      <div class="hero-body">
+
                    <div class="control is-expanded">
−
         <div class="container">
+
                        <input class="input has-text-centered" type="search" placeholder="» » » » » » find me « « « « « «">
−
          <div class="card">
+
                    </div>
−
            <div class="card-content">
+
                    <div class="control">
−
              <div class="content">
+
                        <a class="button is-info">Search</a>
−
                <div class="control has-icons-left has-icons-right search-field">
+
                    </div>
−
                  <input class="input is-large" type="text" placeholder="ｓｅａｒｃｈｂｏｘ" v-model="search" /><span class="icon is-medium is-left"><i class="fa fa-search"></i></span>
+
−
                  <span class="icon is-medium is-right">
+
−
                    <i class="delete is-medium clear-search" @click="clearSearchField()" v-if="search.length"></i>
+
−
                  </span>
+
 
                 </div>
 
                 </div>
−
              </div>
 
 
             </div>
 
             </div>
−
          </div>
+
            <!-- Developers -->
−
        </div>
+
            <div class="row columns">
−
      </div>
+
                <div class="column is-one-third">
−
    </section>
+
                    <div class="card large">
−
        <div class="box cta">
+
                        <div class="card-image">
−
        <p class="has-text-centered">
+
                            <figure class="image">
−
          Powered by  <span class="tag is-link">Vue.js</span>. All the data is stored inside of <span class="tag is-black">kanban.js</span> file, and can be easily changed according to your needs.
+
                                <img src="https://images.unsplash.com/photo-1475778057357-d35f37fa89dd?dpr=1&auto=compress,format&fit=crop&w=1920&h=&q=80&cs=tinysrgb&crop=" alt="Image">
−
        </p>
+
                            </figure>
−
    </div>
+
                        </div>
−
    <!-- Loop through the parent array -->
+
                        <div class="card-content">
−
    <section class="container" >
+
                            <div class="media">
−
      <div class="columns is-mobile is-centered" id="sectioncontainer">
+
                                <div class="media-left">
−
        <div class="column is-narrow" v-for="yxy in filteredCards">
+
                                    <figure class="image is-96x96">
−
          <article class="message" :class="'is-' + yxy.cardColor">
+
                                        <img src="https://i.imgsafe.org/a4/a4bb9acc5e.jpeg" alt="Image">
−
            <div class="message-header">
+
                                    </figure>
−
              <!-- Make a header using the `name` property from the current season in the loop -->
+
                                </div>
−
              <p>{{title}} » {{ yxy.name}}</p>
+
                                <div class="media-content">
−
              <button class="delete" aria-label="delete" @click="removeCard(yxy)"></button>
+
                                    <p class="title is-4 no-padding">Okinami</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Lead Developer</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                The Beast stumbled in the dark for it could no longer see the path. It started to fracture and weaken, trying to reshape itself into the form of metal. Even the witches would no longer lay eyes upon it, for it had become hideous and twisted.
 +
                                <div class="background-icon"><span class="icon-twitter"></span></div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/uzDLtlPY8kQ" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="https://cdn.discordapp.com/avatars/244932903530659841/0c924a19fcf1b5c59bc9dc1b58b61bb0.jpg?size=1024" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">McSocks</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Developer</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                The soul of the Beast seemed lost forever. Then, by the full moon's light, a child was born; child with the unbridled soul of the Beast that would make all others pale in comparison.
 +
                                <div class="background-icon"><span class="icon-facebook"></span></div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/pe_R74hldW4" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="https://i.imgsafe.org/a5/a5e978ce20.jpeg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">The Conceptionist</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Developer</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                                <div class="background-icon"><span class="icon-barcode"></span></div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
−
             <div class="message-body">
+
            <!-- End Developers -->
−
              <div class="board-item">
+
 
−
                 <!-- Loop through the `items` array from the current season to show each item -->
+
            <!-- Staff -->
−
                 <div class="board-item-content" v-for="item in yxy.items"><span>{{ item}}</span></div>
+
             <div class="row columns is-multiline">
−
              </div>
+
                <div class="column is-one-third">
 +
                    <div class="card large round">
 +
                        <div class="card-image ">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/Jy6luiLBsrk" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/profile-sample5.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">Atsui</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                 </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com//i1CR3CY2hE4" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src='http://www.radfaces.com/images/avatars/richard-wang.jpg' alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">Sphirou Sapphirou</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/b6VzeoRZiS0" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src='http://www.radfaces.com/images/avatars/jeffrey-douglas.jpg' alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">PlayTheFallen</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Sometimes I dip my nose into my cereals. I do it coz it's funny.
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                 <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://i.imgsafe.org/a4/a4bda71ae4.jpeg" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/scrappy-doo.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">FelixCAT</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/ogYIzsNGu3Y" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/scrappy-doo.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">ScoobyDOG</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/KgjcndVr7tU" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/scrappy-doo.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                        <p class="title is-4 no-padding">Scrappy Doo</p>
 +
                                        <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                        <p class="subtitle is-6">Moderator</p>
 +
                                    </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://i.imgsafe.org/a5/a5e978ce20.jpeg" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/alex-mack.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4">Prototyp3</p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/Gnxquq4oYQc" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/alex-mack.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4 no-padding">Alex Mack</p>
 +
                                    <p><span class="title is-6"><a href="http://twitter.com/#">@twitterid</a></span></p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="column is-one-third">
 +
                    <div class="card large">
 +
                        <div class="card-image">
 +
                            <figure class="image">
 +
                                <img src="https://source.unsplash.com/qbtyUQtqJ8k" alt="Image">
 +
                            </figure>
 +
                        </div>
 +
                        <div class="card-content">
 +
                            <div class="media">
 +
                                <div class="media-left">
 +
                                    <figure class="image is-96x96">
 +
                                        <img src="http://www.radfaces.com/images/avatars/alex-mack.jpg" alt="Image">
 +
                                    </figure>
 +
                                </div>
 +
                                <div class="media-content">
 +
                                    <p class="title is-4">Alex Mack</p>
 +
                                    <p class="subtitle is-6">Moderator</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="content">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
−
          </article>
+
            <!-- End Staff -->
 
         </div>
 
         </div>
−
      </div>
 
−
    </section>
 
−
  </div>
 
−
  <footer>
 
−
    <div class="box cta">
 
−
      <div class="columns is-mobile is-centered">
 
−
        <div class="field is-grouped is-grouped-multiline">
 
−
          <div class="control">
 
−
            <div class="tags has-addons"><a class="tag is-link" href="https://github.com/dansup/bulma-templates">Bulma Templates</a><span class="tag is-light">Daniel Supernault</span></div>
 
−
          </div>
 
−
          <div class="control">
 
−
            <div class="tags has-addons"><a class="tag is-link">The source code is licensed</a><span class="tag is-light">MIT  <i class="fa fa-github"></i></span></div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
 
     </div>
 
     </div>
−
  </footer>
+
 
−
</div>
+
    <footer class="footer">
−
<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js'></script>
+
            <div class="container">
−
<script src="../js/kanban.js"></script>
+
                <div class="content has-text-centered">
 +
                    <div class="soc">
 +
                        <a href="#"><i class="fa fa-github-alt fa-2x" aria-hidden="true"></i></a>
 +
                        <a href="#"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
 +
                        <a href="#"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
 +
                        <a href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
 +
                    </div>
 +
                    <p>
 +
                        <strong>Bulma</strong> by <a href="http://jgthms.com">Jeremy Thomas</a>.
 +
                        The source code is licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. <br>
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
 
 +
            <script src="../js/bulma.js"></script>
 +
 
 +
 
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 11:00, 19 June 2018

bulma cards

Search
Image
Image

Okinami

@twitterid

Lead Developer

The Beast stumbled in the dark for it could no longer see the path. It started to fracture and weaken, trying to reshape itself into the form of metal. Even the witches would no longer lay eyes upon it, for it had become hideous and twisted.
Image
Image

McSocks

@twitterid

Developer

The soul of the Beast seemed lost forever. Then, by the full moon's light, a child was born; child with the unbridled soul of the Beast that would make all others pale in comparison.
Image
Image

The Conceptionist

@twitterid

Developer

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Atsui

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Sphirou Sapphirou

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

PlayTheFallen

@twitterid

Moderator

Sometimes I dip my nose into my cereals. I do it coz it's funny.
Image
Image

FelixCAT

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

ScoobyDOG

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Scrappy Doo

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Prototyp3

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Alex Mack

@twitterid

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!
Image
Image

Alex Mack

Moderator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum consequatur numquam aliquam tenetur ad amet inventore hic beatae, quas accusantium perferendis sapiente explicabo, corporis totam! Labore reprehenderit beatae magnam animi!