<%- include("./static/header") %>
<link rel="preconnect" href="https://fonts.googleapis.com">
<!--<link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet">
-->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta property="og:site_name" content="Greesy | HomePage ">
<meta property="og:name" content="Greesy - Awesome Discord Bot">
<meta property="og:color" content="#146ca4">
<link rel="stylesheet" href="https://codare.fun/assets/bootstrap/css/bootstrap.min.css?h=b1579cbd7df3c885978321b82fddd11d">
<!-- Sweetalert -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"/>

<!-- Font Awesome -->

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

<!-- Material Design Bootstrap -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://codare.fun/assets/bootstrap/css/bootstrap.min.css?h=b1579cbd7df3c885978321b82fddd11d">
<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>





<link href="https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<style>
  
.wrapper { 
  /*height: 100%;
  width: 100%;*/
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  /*position: absolute;*/
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
 .fetures {
   box-sizing: border-box;
   top:10px;
   left:5px;
   padding: 5px;
   right: 5px;
   bottom: 20px;
   display: flex;
  } 
</style>
<body style="background-color:#46648c;" class="nego">
   <div class="jumbotron wrapper">
     <div class="wrapperr">
  <h1 style="color:black;text-align:center;font-family: 'Source Sans Pro', sans-serif;">Greesy</h1>
    <p style="color: #189de4;text-align:center;font-family: 'Teko', sans-serif;">Discord's Best Moderation Bot </p>
 
     <center>
  <a href="/cmds/" type="button" class="btn btn-info" onclick="muq();" >Commands</a>
  <a href="/stat/" type="button" class="btn btn-success">Statistics</a>
    <% if(user){ %>
     <a href="/dash" type="button" class="btn btn-danger" onclick="muq();" > Dashboard</a>
 <% if(user.id == config.kurucurolid){ %>
    <a href="/admin" type="button" class="btn btn-secondary" onclick="muq();" >Admin Panel</a>

    <%}%>
  <% } %>
  </center>
       </div>
    </div>
 <br>
  <br>
  <center>
  <div class="jumbotron ">
    <h1 style="color: #189de4;text-align:center;font-family: 'Teko', sans-serif;">Tags </h1>

 <span class="badge bg-primary"> <i class="fas fa-user-shield"></i> Moderation</span>
    <span class="badge bg-secondary"> <i class="fas fa-plus-circle"></i> Plugins</span>

<span class="badge bg-success"><i class="fas fa-users-medical duotone"></i> Fun</span>

<span class="badge bg-warning text-dark"> <i class="fas fa-angle-double-up"></i> Custom </span>

<!--<span class="badge bg-info">Info</span>

<span class="badge bg-light text-dark">Light</span>

<span class="badge bg-dark">Dark</span>-->
    </div>
  </center>
  <script>
    function muq(){
      window.location.href == "/cmds" 
     };
    </script>
  <br>
  <br>
  <style>
   .navbar, jumbotron {
      float:left
      display: inline-block;
     } 
    
  button{
    padding: 5px;
    
   } 
  </style>
  <!--
  <div class="container-fluid" style="padding: 0px;"><div class="heading">
    <h1 class="text-center" style="margin-bottom: 40px;">Hakkımızda</h1></div><div "margin: 100px; width: 300px" class="row">
    <div "margin: 100px; width: 300px" class="col-md-4 col-xl-3 offset-xl-0">
      <div class="card special-skill-item border-0"><div "margin: 100px; width: 300px" class="card-header bg-transparent border-0"><i class="la la-heart-o gradient-icon"></i></div><div style"margin: 100px; width: 300px" class="card-body"><h3 class="card-title">Yardımlaşma</h3><p class="card-text">Discord botunuzda oluşan hatalarda veya yapamadığınız kodlarda sunucumuzda bulunan yardım kanallarından destek alabilirsiniz. Tamamen ücretsiz bir şekilde destek veriyoruz!</p></div></div></div><div class="col-md-4 col-xl-3 offset-xl-0"><div class="card special-skill-item border-0"><div class="card-header bg-transparent border-0"><i class="la la-legal gradient-icon"></i></div><div class="card-body"><h3 class="card-title">Yetkililer</h3><p class="card-text">Yetkililerimiz en iyi şekilde sizlere destek çıkmaya çalışmaktadır. Ekibimiz sizlere daha iyi bir hizmet vermek için çabalamaktadır. Daha iyi hizmet vermek için çalışıyoruz.</p></div></div></div><div class="col-md-4 col-xl-3 offset-xl-0"><div class="card special-skill-item border-0"><div class="card-header bg-transparent border-0"><i class="la la-money gradient-icon"></i></div><div class="card-body"><h3 class="card-title">Ücretsiz Kodlar!</h3><p class="card-text">Hiçbir maddi destek istemeden sizlere ücretsiz bir şekilde kodları sunuyoruz. Gelirimizi sitedeki reklamlardan sağlamaktayızz Sadece arkadaşlarınızı Sunucuya davet ederek ya da sunucuda aktif kalarak daha özel kodlara sahip olabilirsiniz.</p></div></div></div>
 -->
  <div style="background-color: white; text-align: center;" class="heading fetures"><h1 class="text-center" style="margin-bottom: 40px;"></h1></div>
<div "background-color: ; margin: 100px; width: 300px" class="row fetures">
<div "margin: 100px; width: 300px" class="col-md-4 col-xl-3 offset-xl-5">
<div class="card special-skill-item border-0"><div "margin: 100px; width: 300px" class="card-header bg-transparent border-0"><i class="la la-heart-o gradient-icon"></i></div>
<div style"background-color: white; margin: 100px; width: 300px" class="card-body">
<h3 class="card-title"><i class="fad fa-tachometer-fastest"></i> Fast Reason</h3>
<p class="card-text">Our bot has been made <%= kardesproclient.ws.ping %>ms to know the ping can serve you well <% if(kardesproclient.ws.ping < 20){ %>(Responding Faster)<% } %></p>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3 offset-xl-0">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="la la-legal gradient-icon"></i></div>
<div class="card-body">
<h3 class="card-title"><i class="fad fa-memory"></i> Systems</h3>
<p class="card-text">  We Have Our Own Functionally Beautifully Designed Systems!  You can do these faster from the Control Panel.</p>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3 offset-xl-0">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="la la-money gradient-icon"></i></div>
<div class="card-body">
<h3 class="card-title"><i class="fad fa-server"></i> Web Dashboard !</h3>
  <p class="card-text"> Easy Setup with Dashboard on 7/24</p>
  
</div>
</div>
</div>
  </div>
  </div>
</div>
</div>
<br>
<br>


<!-- Media object -->

<br>
<div class="alert alert-info">
<center>
  <span class="badge badge-danger">Comment System Beta v1.0 By Nego#0001</span>
  </center>
</div>
<% if(fetchComment){ %>
<% fetchComment.forEach(x=> { %>
<div class="d-flex jumbotron " style="background-color:white;">
  <!-- Image -->
  <br>
<br>
<br>


  
  <img
    src="https://cdn.discordapp.com/avatars/<%=x.cm.id%>/<%=x.cm.avatar%>.png"
    alt="Nego is Best"
    class="me-3 rounded-circle"
    style="width: 60px; height: 60px;"
  />
  <!-- Body -->
  <br>

  <div>
    

    <h5 class="fw-bold">
      <%= x.user %>
      <small class="text-muted"><%= x.tarih || "undefined" %></small>
    </h5>
    <p>
     
      <%= x.comment %>
      
    </p>
  </div>
</div>
<!--
<span class="badge badge-danger">Comment Not Found</span>-->
<% }) %>
<%}else{%>
<div class="alert alert-danger"><center>Comments Not Found</center></div>
<% } %>
<!-- Media object -->

<% if(fetchComment.lenght > 4){ %>
<a href="/comments?page=2"><p> Sayfa 2 </p></a>
<% } %>


<br>
<br>
<style>
.card-body , .card-header , .card{
  background-color: white;
  color: #146ca4;
  text-align:center;
  
  }
h3 {
  font-family: 'Otomanopee One', sans-serif;
 } 
</style>
 </body>

 <br>
<br>
<br>
<br>
<!-- Scrollable modal -->
<!--<div class="modal-dialog modal-dialog-scrollable">Saaa</div>-->
 <!-- Modal -->
    <!--<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
          <h1 style="text-align: center;">Hello, world!</h1>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
        </div>
    </div>
    </div>
-->
<style>
.swal{
  color:green;
  }
 /* .sweet-alert { margin: auto; transform: translateX(-50%); } 
  */
</style>
   <script>
  swal({
  title: "Updates!",
  text: `<%= anc %>`,
  customClass: "sweet-alert",
  width:"700px !important",
  type: "info",
  button: "OK",
});;
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
<!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

    -->
<!-- MDB core JavaScript -->


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>
<!--<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
--><%- include("./static/foot3") %>