mofh · 4yx · Oct 6, 2018 · Oct 6, 2018 · Oct 6, 2018 · Jan 18, 2019
diff --git a/CNAME b/CNAME
diff --git a/README.md b/README.md
@@ -1,37 +1,14 @@
-## Welcome to GitHub Pages
+## UILog  
 
-You can use the [editor on GitHub](https://github.com/labdz/Reglog/edit/master/README.md) to maintain and preview the content for your website in Markdown files.
+UILog is an advanced login and signup template for MyOwnFreeHost Users.  
 
-Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files.
+It is based on the popular [UIkit](https://getuikit.com/) framework.
 
-### Markdown
+### How to install  
 
-Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for
+You will have to upload the files via the web file manager or FTP to your website, and rename index.html to login.html, and then link to it trough your menu.  
+You will also have to go to the images logo and replace logo.png with your logo.
 
-```markdown
-Syntax highlighted code block
-
-# Header 1
-## Header 2
-### Header 3
-
-- Bulleted
-- List
-
-1. Numbered
-2. List
-
-**Bold** and _Italic_ and `Code` text
-
-[Link](url) and ![Image](src)
-```
-
-For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/).
-
-### Jekyll Themes
-
-Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/labdz/Reglog/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file.
-
-### Support or Contact
-
-Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out.
+## Credits
+Copyright 2018 [mofh](https://github.com/mofh), All rights reserved.  
+Available to be used for free.
diff --git a/css/custom.css b/css/custom.css
@@ -19,5 +19,3 @@
 .uk-button-primary {
     background-color: #5cd1df !important;
 }
-
-/* ---- Google translate ---- */
diff --git a/index.html b/index.html
@@ -11,60 +11,44 @@
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/2.1.1/vue-router.min.js"></script>
-   <script src="/js/jparticle.jquery.js"></script>
-   <script src="/js/jparticle.jquery.min.js"></script>
-   
+   <script src="js/jparticle.jquery.js"></script>
+   <script src="js/jparticle.jquery.min.js"></script>
+
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.9/css/uikit.min.css" />
-   <link rel="stylesheet" href="/css/custom.css" />
+   <link rel="stylesheet" href="css/custom.css" />
+
+   <link  type="image/png" href="images/favicon.png" rel="icon" />
 
-   <link  type="image/png" href="/images/favicon.png" rel="icon" />
 
-
-  </head>	
+  </head>
 <body>
 <nav class="uk-navbar uk-navbar-container uk-margin">
-    <div class="uk-navbar-left">
-        <a class="uk-navbar-toggle" href="#">
-        <span class="uk-margin-small-right uk-icon" uk-icon="icon: menu"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" icon="menu" width="20" height="20" ratio="1">
-    <rect x="2" y="4" width="16" height="1"></rect>
-    <rect x="2" y="9" width="16" height="1"></rect>
-    <rect x="2" y="14" width="16" height="1"></rect>
-</svg></span>
-		<span class="uk-margin-remove">Menu</span>
-        </a>
-    </div>
-<a class="uk-navbar-center uk-logo uk-logo" href="/index.html"><img src="/images/logo.png" alt="UIlogin"></a>
-   <div class="uk-navbar-right">
-     <a class="uk-navbar-toggle" href="#">
-          <span uk-icon="icon: menu"></span><span class="uk-margin-remove"><div id="google_translate_element"></div><script type="text/javascript">
-function googleTranslateElementInit() {
-  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,en,fr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
-}
-</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></span>
-        </a>
-    </div>
+<a class="uk-navbar-center uk-logo uk-logo" href="/index.html"><img src="images/logo.png" alt="UIlogin"></a>
 </nav>
 <div class="uk-container">
 	<div class="uk-position-center">
 	<div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin uk-grid" uk-grid="">
     <div id="jParticle" class="uk-card-media-left uk-cover-container uk-first-column uk-card-primary uk-inline">
-        <img src="https://getuikit.com/docs/images/light.jpg" alt="" uk-cover="" class="uk-cover" style="width:600px ; height:400px ;">
+	<!-- Replace the URL with any image URL you have if you want to -->
+        <img src="https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/BBmc1w7Iiq35z51n/videoblocks-abstract-dark-background-honeycomb-grid-with-lighting-effect-for-technology_hsh9u2w5g_thumbnail-full01.png" alt="" uk-cover="" class="uk-cover" style="width:600px ; height:400px ;">
         <canvas width="600" height="400"></canvas>
         <div class="uk-overlay uk-position-center">
-            <p>Center</p>
+		    <!-- Uncomment the following if you want text displayed at the center of the image -->
+            <!-- <p>Centered Text</p> -->
     </div>
 	</div>
+  <!-- Begin of Login Form, editing is not advised unless said otherwise -->
     <div>
         <div class="uk-card-body">
-
-<form action="http://cpanel.afreeka.ga/login.php" method="post" name="login" >
+<form action="https://cpanel.byethost.com/login.php" method="post" name="login" >
 <div class="uk-margin">
 <div class="uk-inline uk-width-1-1">
             <span class="uk-form-icon uk-icon" uk-icon="icon: user"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" icon="user" width="20" height="20" ratio="1">
     <circle fill="none" stroke="#000" stroke-width="1.1" cx="9.9" cy="6.4" r="4.4"/>
     <path fill="none" stroke="#000" stroke-width="1.1" d="M1.5,19 C2.3,14.5 5.8,11.2 10,11.2 C14.2,11.2 17.7,14.6 18.5,19.2"/>
 </svg></span>
-<input class="uk-input" name="uname" id="mod_login_username" type="text" class="inputbox" alt="username" size="10" />
+<!-- Replace "zyke" with your reseller's placeholder -->
+<input class="uk-input" name="uname" id="mod_login_username" value="zyke_" type="text" class="inputbox" alt="username" size="10" />
 </div>
     </div>
  <div class="uk-margin">
@@ -78,8 +62,7 @@
     </div>
  <div class="uk-margin-remove">
 <div class="uk-inline uk-width-1-1">
-<label><a class="uk-align-right" href="https://panel.byethost.com/lostpassword.php">Password Reset</a></label>
-<label><input class="uk-checkbox" type="checkbox"> Remember Me</label>
+<label><a class="uk-align-left" href="https://cpanel.byethost.com/lostpassword.php">Password Reset</a></label>
 </div>
     </div>
 	<div class="uk-margin-remove">
@@ -90,6 +73,7 @@
   </form>
         </div>
     </div>
+    <!-- End of Login Form, editing is now safe -->
 </div>
 	   </div>
 	</div>

diff --git a/js/uikit.min.js b/js/uikit.min.js