Home
Programming Languages
Abap
ActionScript
Assembly
BASIC
C
C#
C++
Clojure
Cobol
CSS
Dart
Delphi
Elixir
Erlang
F#
Fortran
Go
Groovy
Haskell
Html
Java
Javascript
Julia
Kotlin
Lisp
Lua
Matlab
Objective-C
Pascal
Perl
PHP
Prolog
Python
R
Ruby
Rust
Scala
Scheme
Shell/Bash
SQL
Swift
TypeScript
VBA
Whatever
Frameworks
AngularJS
Backbone
Bootstrap CSS
Bootstrap Javascript
Bulma
CakePHP
CodeIgniter
Django
Drupal
Ember
Express
Flask
Flutter
Foundation
Ionic
jQuery
Laravel
Materialize
Next.js
Node.js
React
Semantic UI
Skeleton
Spring
Symfony
Unity
Vaadin
Vue
Wordpress
Yii
Zend
Compilers
Web
C
C++
Java
Go
Javascript
PHP
Python
Ruby
Codes
INU
Login
Sign up
Home
Programming Languages
Abap
ActionScript
Assembly
BASIC
C
C#
C++
Clojure
Cobol
CSS
Dart
Delphi
Elixir
Erlang
F#
Fortran
Go
Groovy
Haskell
Html
Java
Javascript
Julia
Kotlin
Lisp
Lua
Matlab
Objective-C
Pascal
Perl
PHP
Prolog
Python
R
Ruby
Rust
Scala
Scheme
Shell/Bash
SQL
Swift
TypeScript
VBA
Whatever
Frameworks
AngularJS
Backbone
Bootstrap CSS
Bootstrap Javascript
Bulma
CakePHP
CodeIgniter
Django
Drupal
Ember
Express
Flask
Flutter
Foundation
Ionic
jQuery
Laravel
Materialize
Next.js
Node.js
React
Semantic UI
Skeleton
Spring
Symfony
Unity
Vaadin
Vue
Wordpress
Yii
Zend
Compilers
Web
C
C++
Go
Java
Javascript
PHP
Python
Ruby
Codes
Login
Or
Sign up
Profile
Profile
My Answers
Teams
Settings
Log out
Code Playground
Most Popular
Most Recent
My codes
Show:
All
Web
C
C++
Go
Java
Javascript
PHP
Python
Ruby
71
📃Your Name 📃
Web
Codeinu
August-14-2018
71
my first css code
Web
Codeinu
May-22-2019
71
accordion[simple]
Web
Codeinu
February-10-2021
71
Calculator
Web
Codeinu
December-15-2017
71
Circular text effect 👨💻🤓
Web
Codeinu
September-14-2021
71
React.js - Animated Submit Button
Web
Codeinu
February-05-2019
71
Simple Marvel anime
Web
Codeinu
May-16-2019
71
Scary halloween pumpkin
Web
Codeinu
October-27-2018
71
animated fractal generation
Web
Codeinu
April-16-2019
71
Russian flag animated (WebGL)
Web
Codeinu
July-05-2020
71
resturant
Web
Codeinu
April-16-2018
71
sorting animation(bubble sort)
Web
Codeinu
February-05-2020
71
Assassins Creed
Web
Codeinu
March-08-2019
71
Beginner CSS very basic
Web
Codeinu
December-17-2017
71
GoogleMaps
</a> <a href="/compiler/web/47315865-1647488967" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>January-04-2018</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <div class="code-item"> <div class="votes votes-styled w-auto"> <div id="vote-8134" class="upvotejs" data-id_answer="8134" data-has_vote="false" data-value_vote="" data-type="compiler_example"> <a class="upvote " data-toggle="tooltip" data-placement="right" title="This question is useful"></a> <span class="count">71</span> <a class="downvote " data-toggle="tooltip" data-placement="right" title="This question is not useful"></a> </div> </div> <div class="code-right question-post-body-wrap flex-grow-1"> <div class="d-flex justify-content-between w-100"> <div> <a href="/compiler/web/603502779-1647488966" target="_blank" class="code-item-title">Cube "First html"</a> <a href="/compiler/web/603502779-1647488966" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>September-08-2020</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <div class="code-item"> <div class="votes votes-styled w-auto"> <div id="vote-8133" class="upvotejs" data-id_answer="8133" data-has_vote="false" data-value_vote="" data-type="compiler_example"> <a class="upvote " data-toggle="tooltip" data-placement="right" title="This question is useful"></a> <span class="count">71</span> <a class="downvote " data-toggle="tooltip" data-placement="right" title="This question is not useful"></a> </div> </div> <div class="code-right question-post-body-wrap flex-grow-1"> <div class="d-flex justify-content-between w-100"> <div> <a href="/compiler/web/600522686-1647488966" target="_blank" class="code-item-title">Puppy🍖🍖</a> <a href="/compiler/web/600522686-1647488966" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>December-26-2017</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <div class="code-item"> <div class="votes votes-styled w-auto"> <div id="vote-8132" class="upvotejs" data-id_answer="8132" data-has_vote="false" data-value_vote="" data-type="compiler_example"> <a class="upvote " data-toggle="tooltip" data-placement="right" title="This question is useful"></a> <span class="count">71</span> <a class="downvote " data-toggle="tooltip" data-placement="right" title="This question is not useful"></a> </div> </div> <div class="code-right question-post-body-wrap flex-grow-1"> <div class="d-flex justify-content-between w-100"> <div> <a href="/compiler/web/722196973-1647488965" target="_blank" class="code-item-title">extreme star burst</a> <a href="/compiler/web/722196973-1647488965" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>November-07-2017</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <div class="code-item"> <div class="votes votes-styled w-auto"> <div id="vote-8131" class="upvotejs" data-id_answer="8131" data-has_vote="false" data-value_vote="" data-type="compiler_example"> <a class="upvote " data-toggle="tooltip" data-placement="right" title="This question is useful"></a> <span class="count">71</span> <a class="downvote " data-toggle="tooltip" data-placement="right" title="This question is not useful"></a> </div> </div> <div class="code-right question-post-body-wrap flex-grow-1"> <div class="d-flex justify-content-between w-100"> <div> <a href="/compiler/web/52600851-1647488965" target="_blank" class="code-item-title">Google search</a> <a href="/compiler/web/52600851-1647488965" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>February-11-2018</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <div class="code-item"> <div class="votes votes-styled w-auto"> <div id="vote-8130" class="upvotejs" data-id_answer="8130" data-has_vote="false" data-value_vote="" data-type="compiler_example"> <a class="upvote " data-toggle="tooltip" data-placement="right" title="This question is useful"></a> <span class="count">71</span> <a class="downvote " data-toggle="tooltip" data-placement="right" title="This question is not useful"></a> </div> </div> <div class="code-right question-post-body-wrap flex-grow-1"> <div class="d-flex justify-content-between w-100"> <div> <a href="/compiler/web/503807405-1647488964" target="_blank" class="code-item-title">UI</a> <a href="/compiler/web/503807405-1647488964" target="_blank" class="code-item-link" style="background: #e54d26">Web</a> </div> <a href="/profile/0" target="_blank" class="d-flex align-items-center"> <div> <h5 class="fs-13">Codeinu</h5> <small>August-13-2020</small> </div> <img class="code-item-avatar" src="/assets/images/default_profile.png" alt=""> </a> </div> </div> </div> <nav class="pt-30px"> <ul class="pagination generic-pagination pr-1 justify-content-center"> <li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=511" ><span><i class="la la-arrow-left"></i></span></a></li> <li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=1">1</a></li><li class="page-item disabled"><a class="page-link" href="#" tabindex="-1">...</a></li><li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=510">510</a></li><li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=511">511</a></li><li class="page-item active"><a class="page-link" href="/codes?order=MostPopular&language=all&page=512">512</a></li><li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=513">513</a></li><li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=514">514</a></li><li class="page-item disabled"><a class="page-link" href="#" tabindex="-1">...</a></li><li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=7055">7055</a></li> <li class="page-item"><a class="page-link" href="/codes?order=MostPopular&language=all&page=513" ><span><i class="la la-arrow-right"></i></span></a></li> </ul> </nav> </div> </div> <div class="col-lg-3"> <div class="sidebar"> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">New codes</h3> <div class="divider"><span></span></div> <!-- <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="question-details.html">Is it true while finding Time Complexity of the algorithm [closed]</a></h5> <small class="meta"> <span class="pr-1">48 mins ago</span> <span class="pr-1">. by</span> <a href="#" class="author">wimax</a> </small> </div> </div> </div> --> <div class="tags pt-4 d-flex flex-wrap"> <div class="tag-item"> <a href="/compiler/web" target="_blank" class="tag-link tag-link-md">Web</a> <a href="/compiler/c" target="_blank" class="tag-link tag-link-md">C</a> <a href="/compiler/cpp" target="_blank" class="tag-link tag-link-md">C++</a> <a href="/compiler/go" target="_blank" class="tag-link tag-link-md">Go</a> <a href="/compiler/java" target="_blank" class="tag-link tag-link-md">Java</a> <a href="/compiler/javascript" target="_blank" class="tag-link tag-link-md">Javascript</a> <a href="/compiler/php" target="_blank" class="tag-link tag-link-md">PHP</a> <a href="/compiler/python" target="_blank" class="tag-link tag-link-md">Python</a> <a href="/compiler/ruby" target="_blank" class="tag-link tag-link-md">Ruby</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--====================================== END CONTACT AREA ======================================--> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-sm-6 col-lg-3 "> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Company</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about">About</a></li> <li><a href="/contact">Contact</a></li> <li><a href="/docs">Docs</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-sm-6 col-lg-3 "> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Compilers</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a target="_blank" href="/compiler/web">Web</a></li> <li><a target="_blank" href="/compiler/Javascript">Javascript</a></li> <li><a target="_blank" href="/compiler/php">PHP</a></li> <li><a target="_blank" href="/compiler/python">Python</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-sm-6 col-lg-3 "> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Help</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/">Knowledge Base</a></li> <li><a href="/">Support</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-sm-6 col-lg-3 "> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Connect with us</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/"><i class="la la-facebook mr-1"></i> Facebook</a></li> <li><a href="/"><i class="la la-twitter mr-1"></i> Twitter</a></li> <li><a href="/"><i class="la la-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="/"><i class="la la-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-lg-6"> <a href="/" class="d-inline-block"> <img data-src="/images/logo/logo-white.png" width="185" height="38" class="lazyload" alt="footer logo" class="footer-logo"> </a> </div><!-- end col-lg-6 --> <div class="col-lg-6"> <p class="copyright-desc text-right fs-14">Copyright © 2021 <a href="/">Codeinu</a></p> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --><!-- ================================ END FOOTER AREA ================================= --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Return to top"> <i class="la la-arrow-up"></i> </div> <!-- end back to top --> <!-- Modal --> <div class="modal fade modal-container login-form" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header align-items-center"> <h5 class="modal-title" id="loginModalTitle">Good to see you again!</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="la la-times"></span> </button> </div> <div class="modal-body"> <form id="form-login" method="post"> <div class="text-center"> <p class="fs-15 pb-3">Login with your social network</p> <button type="button" id="login-facebook" class="btn theme-btn bg-8 mb-2 mr-2"><i class="la la-facebook mr-1"></i> Facebook</button> <!-- <button class="btn theme-btn bg-9 mb-2 mr-2"><i class="la la-twitter mr-1"></i> Twitter</button> --> <button id="login-google" type="button" class="btn theme-btn bg-10 mb-2 mr-2"><i class="la la-google mr-1"></i> Google</button> </div> <div class="icon-element my-1 mx-auto shadow-sm fs-25">Or</div> <div class="error-login text-danger d-none">The user e-mail/password provided is incorrect.</div> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Email</label> <input class="form-control form--control" type="email" name="email" placeholder="Email address"> </div> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Password</label> <div class="input-group mb-1"> <input class="form-control form--control password-field" type="password" name="password" placeholder="Enter password"> <div class="input-group-append"> <button class="btn theme-btn-outline theme-btn-outline-gray toggle-password" type="button"> <svg class="eye-on" xmlns="http://www.w3.org/2000/svg" height="22px" viewBox="0 0 24 24" width="22px" fill="#7f8897"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"/></svg> <svg class="eye-off" xmlns="http://www.w3.org/2000/svg" height="22px" viewBox="0 0 24 24" width="22px" fill="#7f8897"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"/></svg> </button> </div> </div> </div> <div class="form-group d-flex align-items-center justify-content-between"> <div class="custom-control custom-checkbox fs-14"> <input type="checkbox" class="custom-control-input" id="rememberMe"> <label class="custom-control-label custom--control-label" for="rememberMe">Remember me!</label> </div> <a href="javascript:void(0)" class="lost-pass-btn fs-14 hover-underline">Forgot Password?</a> </div> <div class="btn-box"> <button type="submit" class="btn theme-btn w-100"> Login to Account <i class="la la-arrow-right icon ml-1"></i> </button> </div> <p class="create-account-text text-right fs-14 pt-1"> <a class="signup-btn text-color hover-underline" href="javascript:void(0)">Create account</a> </p> <div id="my-signin2" style="display: none;"></div> </form> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade modal-container signup-form" id="signUpModal" tabindex="-1" role="dialog" aria-labelledby="signUpModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header align-items-center"> <h5 class="modal-title" id="signUpModalTitle">Welcome! create your account</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="la la-times"></span> </button> </div> <div class="modal-body"> <form id="form-signup" method="post"> <div class="text-center"> <p class="fs-15 pb-3">Create account with your social network</p> <button id="signup-facebook" type="button" class="btn theme-btn bg-8 mb-2 mr-2"><i class="la la-facebook mr-1"></i> Facebook</button> <!-- <button class="btn theme-btn bg-9 mb-2 mr-2"><i class="la la-twitter mr-1"></i> Twitter</button> --> <button id="signup-google" type="button" class="btn theme-btn bg-10 mb-2 mr-2"><i class="la la-google mr-1"></i> Google</button> </div> <div class="icon-element my-1 mx-auto shadow-sm fs-25">Or</div> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Full Name</label> <div class="error-full_name text-danger d-none">Please enter a valid full name</div> <input class="form-control form--control" type="text" name="full_name" placeholder="Your name"> </div> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Email</label> <div class="error-email text-danger d-none">Please enter a valid email</div> <div class="error-exists-email text-danger d-none">This email is already registered</div> <input class="form-control form--control" type="email" name="email" placeholder="Email address"> </div> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Password</label> <div class="error-password text-danger d-none">Please enter a valid password</div> <div class="input-group mb-1"> <input class="form-control form--control password-field" type="password" name="password" placeholder="Enter password"> <div class="input-group-append"> <button class="btn theme-btn-outline theme-btn-outline-gray toggle-password" type="button"> <svg class="eye-on" xmlns="http://www.w3.org/2000/svg" height="22px" viewBox="0 0 24 24" width="22px" fill="#7f8897"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"/></svg> <svg class="eye-off" xmlns="http://www.w3.org/2000/svg" height="22px" viewBox="0 0 24 24" width="22px" fill="#7f8897"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"/></svg> </button> </div> </div> <p class="fs-14 lh-20">Your password must be at least 6 characters long and must contain letters, numbers and special characters. Cannot contain whitespace.</p> </div> <div class="form-group"> <div class="custom-control custom-checkbox fs-14"> <input type="checkbox" class="custom-control-input" id="agreeCheckBox"> <label class="custom-control-label custom--control-label" for="agreeCheckBox">By signing up, you agree to our <a href="/privacy-policy" target="_blank" class="text-color hover-underline">Privacy Policy.</a></label> </div> </div> <div class="btn-box"> <button type="submit" class="btn theme-btn w-100"> Register Account <i class="la la-arrow-right icon ml-1"></i> </button> </div> <p class="create-account-text text-right fs-14"> <a class="login-btn text-color hover-underline" href="javascript:void(0)">Log in</a> </p> </form> <div id="my-signin2"></div> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade modal-container recover-form" id="recoverModal" tabindex="-1" role="dialog" aria-labelledby="recoverModalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header align-items-center"> <h5 class="modal-title" id="recoverModalTitle">Reset password</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="la la-times"></span> </button> </div> <div class="modal-body"> <p class="fs-15 lh-20 pb-3"> Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password <a href="/contact" target="_blank" class="text-color hover-underline">contact us</a> <!-- or <a href="javascript:void(0)" target="_blank" class="text-color hover-underline">send us an email</a> --> </p> <div class="alert alert-success form-reset-success d-none">Check Your Email and Click on the link sent to your email</div> <div class="alert alert-danger form-reset-error d-none">Email is not exits</div> <form method="post" id="form-reset"> <div class="form-group"> <label class="fs-14 text-black fw-medium lh-18">Email</label> <input class="form-control form--control" type="email" name="email" placeholder="Email address" required=""> </div> <div class="btn-box"> <button type="submit" class="btn theme-btn w-100"> Get New Password <i class="la la-arrow-right icon ml-1"></i> </button> <p class="create-account-text text-right fs-14"> Not a member? <a class="text-color signup-btn hover-underline" href="javascript:void(0)">Create account</a> </p> </div> </form> </div> </div> </div> </div> <!-- template js files --> <script src="/assets/js/jquery-3.4.1.min.js"></script> <div id="check_extension" class="d-none"></div> <script async="" src="/assets/js/bootstrap.bundle.min.js"></script> <script async="" src="/assets/js/main.js?v=0.4"></script> <script async="" defer="" src="/assets/js/lazysizes.js"></script> <script defer="" type="text/javascript"> $(document).ready(function() { // responsive menu function responsiveMenu () { var width = $('body').width(); if (width >= 1180 && width < 1280) { var html = `Languages <i class="la la-angle-down fs-11"></i>`; $('.is-mega-menu>a').eq(0).html(html); } else { var html = `Programming Languages <i class="la la-angle-down fs-11"></i>`; $('.is-mega-menu>a').eq(0).html(html); } } responsiveMenu(); $(window).on('resize', function() { responsiveMenu(); }) // login function loadScript(src, anonymous=false) { return new Promise(function (resolve, reject) { var s = document.createElement('script') s.src = src if (anonymous == 'anonymous') { s.crossOrigin = 'anonymous' } s.onload = resolve s.onerror = reject document.head.appendChild(s) }) } $('.btn_loginModal').on('click', function() { var scripts = document.querySelectorAll('script') var insert = true scripts.forEach(function(item) { if (item.src == 'https://apis.google.com/js/api:client.js') { insert = false } }) if (insert == true) { loadScript('https://apis.google.com/js/api:client.js') .then(function() { return loadScript('https://connect.facebook.net/en_US/sdk.js', 'anonymous') }) .then(function() { return loadScript('/assets/js/login.js?v=0.3') }) .then(function() { $('#loginModal').modal('show'); }) } else { $('#loginModal').modal('show'); } }) $('.btn_signupModal').on('click', function() { var scripts = document.querySelectorAll('script') var insert = true scripts.forEach(function(item) { if (item.src == 'https://apis.google.com/js/api:client.js') { insert = false } }) if (insert == true) { loadScript('https://apis.google.com/js/api:client.js') .then(function() { return loadScript('https://connect.facebook.net/en_US/sdk.js', 'anonymous') }) .then(function() { return loadScript('/assets/js/login.js?v=0.3') }) .then(function() { $('#loginModal').modal('show'); }) } else { $('#loginModal').modal('show'); } }) // logout $('.logout_acount').on('click', function(e) { e.preventDefault(); $.ajax({ method: 'post', url: '/ajax/logout.php', data: {logout:'1'}, success: function(data) { console.log(data); // logoutGoogle(); window.location.reload(); } }) }) // function logoutGoogle() { // let auth2 = gapi.auth2.getAuthInstance(); // auth2.signOut().then(function () { // console.log('User signed out.'); // }); // } // reset password $('#form-reset').on('submit', function(e) { e.preventDefault(); $('.form-reset-success').addClass('d-none'); $('.form-reset-error').addClass('d-none'); var data = { action: 'reset_password', email: $('#form-reset input[name=email]').val() } // console.log(data); $.ajax({ method: 'post', url: '/ajax/reset_password.php', data: data, success: function(res) { console.log(res == 'true'); if (res == 'true') { $('.form-reset-success').removeClass('d-none'); $('#form-reset').addClass('d-none'); } if (res == 'false') { $('.form-reset-error').removeClass('d-none'); } } }) }) // autocomplete search document.addEventListener("click", function(e) { $('.autocomplete-list').css('display', 'none'); }); $('.input-search').on('keyup', function(e) { // console.log(22); var el_list = $(this).closest('.form-search').find('.autocomplete-list'); var key = $(this).val(); if (key.length > 2) { el_list.css('display', 'block'); $.ajax({ method: 'get', url: 'https://codeinu.net/api/search?key='+key, data: {}, success: function(res) { res = JSON.parse(res); // console.log(res); var html = res.map(function(item) { return `<li><a href="/search?id=${item.id}&key=${item.questions}">${item.questions}</a></li>`; }) el_list.html(html); } }) } else { el_list.css('display', 'none'); } }) }) </script> <script defer="" type="text/javascript" src="/assets/js/validate.min.js"></script> <script defer="" src="/assets/js/upvote.vanilla.js"></script> <script type="text/javascript"> $(document).ready(function() { var is_login = "false"; var id_user = ""; var param_language = 'all'; var param_order = ''; $('#code-select option').each(function(index) { if ($(this).attr('value') == param_language) { $('#code-select').val(param_language); } }) // $('.code-tabs .nav-link').eq(0).addClass('active'); $('.code-tabs .nav-link').each(function(index) { if ($(this).attr('data-order') == param_order) { $('.code-tabs .nav-link').removeClass('active'); $(this).addClass('active'); } }) // votes var handleVote = function(data) { // console.log(is_login); if (is_login == 'false') { // console.log(222); $('#loginModal').modal('show'); } else{ let data1 = { action: 'vote', has_vote: 'false', id_user: id_user, id_answer: data.id.replace('vote-', ''), value_vote: '0', total_vote: data.newState.count } if (data.action == 'downvote') { data1.value_vote = '-1'; } if (data.action == 'upvote') { data1.value_vote = '1'; } if ($('#'+data.id).attr('data-has_vote') == 'true') { data1.has_vote = 'true'; } var url = '/ajax/vote.php'; if ($('#'+data.id).attr('data-type') == 'compiler_example') { url = '/ajax/compiler_vote.php'; data1.id_compiler_example = data.id.replace('vote-', '') } console.log(data1) $.ajax({ method: 'post', url: url, data: data1, success: function(response) { console.log(response); if (response == 'true') { $('#'+data.id).attr('data-has_vote', 'true'); } } }) } } document.querySelectorAll('.upvotejs').forEach(function (item, index) { // let id_vote = 'vote-' + (index + 1); let id_vote = item.getAttribute('id'); // console.log(id_vote); Upvote.create(id_vote, {callback: handleVote}) }); $('#code-select').on('change', function() { // console.log($(this).find("option:selected").attr('data-order')); // console.log($(this).val()); var param_order = $(this).find("option:selected").attr('data-order'); if (param_order) { window.location.href = `/codes/?order=${param_order}&language=${$(this).val()}`; } else { window.location.href = `/codes?language=${$(this).val()}`; } }) }) </script> </body> </html>
