jekyll-theme-chirpy-customized-upe 3.2.0 → 4.0.0.pre.beta2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f1e3a13b8cef8fcb6250cdd014e73599f19e600c58e9f57404889e9290c6595
-  data.tar.gz: 712ea1dcb3a5ae3b24e53e0213f3f42991cff19627b446b5c3d20c696feb53e0
+  metadata.gz: 98b52776934d2e7b8ba8f9e15d8b57ec5d9e03058d3feff5a0e4357c2a6cf80d
+  data.tar.gz: b0c36d51689850d4cf6af2144caff1bafe1c0433956f922222efbad4b4b0f17c
 SHA512:
-  metadata.gz: 33703f85576302530e258983eb8f33192b232fe36cefbe30c21078001f5cd5667cb501f3541a7544ecc31b748f91815c4a3380cf7368234e93bf617e54232137
-  data.tar.gz: c034e23a67ff75ce96e3629979f78236deac5bd5e83a7b7f702fe9bc06aa97898bcaf56d33fb3f178b55176a2fcb4fed44f1d41420a50f045349f23ccef88e94
+  metadata.gz: 8cd3d7d563f7e7108ae830c0f77b825deb446b8466af9bafeef1191f0b63ac30f2c0622ef726ec4a99dc290a53c3d7d540587e1de2313ea7ed8a3a7c46b73f0e
+  data.tar.gz: 8dd8ed3ffaedb4f8f817505e548410b0d5693569496348f672795ba8837151c524cbe9629a7fc60cbdddf67803dcc80306c4a3fab3e2fa5f7f5879fec6c467b1

data/README.md

@@ -3,13 +3,19 @@
 [![Gem Version](https://img.shields.io/gem/v/jekyll-theme-chirpy-customized-upe)][gem] 
 [![GitHub license](https://img.shields.io/github/license/cotes2020/chirpy-starter.svg?color=blue)][mit]
 
-*Derived from Chirpy theme*
+*Derived from [Chirpy][chirpy] theme*
+
+## Why do I need this customization?
+
+While using the Chirpy theme, I have noticed some functionalities that are different from what I'm accustomed to and some functionalities that are still missing. These include implementing blog login access (the current repository should be set to private or deployed to my own server), enhancing the Mathjax plugin, and changing the UI style, among others. Additionally, this serves as a challenge to test my frontend coding skills.
+
+> The next steps are similar to the Chirpy documentation
 
 ## Installation
 
 ### Creating a New URL
 
-Sign in to GitHub and browse to [**unpublished-posts-enhancement**](https://github.com/Jo-CRuiSe/unpublished-posts-enhancement), click the button <kbd>Use this template</kbd> > <kbd>Create a new repository</kbd>, and name the new repository to what you like which represents your unpulished posts pages URL.
+Sign in to GitHub and browse to [**unpublished-posts-enhancement**](https://github.com/Jo-CRuiSe/unpublished-posts-enhancement), click the button <kbd>[Use this template][use-template]</kbd> > <kbd>Create a new repository</kbd>, and name the new repository to what you like which represents your unpulished posts pages URL.
 
 ### Installing Dependencies
 
@@ -31,7 +37,7 @@ After a few seconds, the local service will be published at _<http://127.0.0.1:4
 
 ## Deployment
 
-Before the deployment begins, check out the file `_config.yml`{: .filepath} and make sure the `url` is configured correctly. Remember to change the `baseurl` to your project name that starts with a slash, e.g, `/project-name`.
+Before the deployment begins, check out the file `_config.yml`and make sure the `url` is configured correctly. Remember to change the `baseurl` to your project name that starts with a slash, e.g, `/project-name`.
 
 Now you can choose _ONE_ of the following methods to deploy your Jekyll site.
 
@@ -40,7 +46,7 @@ Now you can choose _ONE_ of the following methods to deploy your Jekyll site.
 There are a few things to get ready for.
 
 - If you're on the GitHub Free plan, keep your site repository public.
-- If you have committed `Gemfile.lock`{: .filepath} to the repository, and your local machine is not running Linux, go to the root of your site and update the platform list of the lock-file:
+- If you have committed `Gemfile.lock` to the repository, and your local machine is not running Linux, go to the root of your site and update the platform list of the lock-file:
 
   ```console
   $ bundle lock --add-platform x86_64-linux
@@ -64,7 +70,7 @@ Go to the root of the source project, and build your site as follows:
 $ JEKYLL_ENV=production bundle exec jekyll b
 ```
 
-Unless you specified the output path, the generated site files will be placed in folder `_site`{: .filepath} of the project's root directory. Now you should upload those files to the target server.
+Unless you specified the output path, the generated site files will be placed in folder `_site`of the project's root directory. Now you should upload those files to the target server.
 
 ## Configuration
 
@@ -75,9 +81,8 @@ Unless you specified the output path, the generated site files will be placed in
 
 This work is published under [MIT][mit] License.
 
-[gem]: https://rubygems.org/gems/jekyll-theme-chirpy
+[gem]: https://rubygems.org/gems/jekyll-theme-chirpy-customized-upe
 [chirpy]: https://github.com/cotes2020/jekyll-theme-chirpy/
-[use-template]: https://github.com/cotes2020/chirpy-starter/generate
+[use-template]: https://github.com/Jo-CRuiSe/unpublished-posts-enhancement/generate
 [CD]: https://en.wikipedia.org/wiki/Continuous_deployment
-[mit]: https://github.com/cotes2020/chirpy-starter/blob/master/LICENSE
-[https://github.com/Jo-CRuiSe/unpublished-posts-enhancement]: UnpublishedPostsEnhancementforChirpyTheme
+[mit]: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/blob/master/LICENSE

data/_includes/sidebar.html

@@ -1,17 +1,30 @@
 <!-- The Side Bar -->
 <style>
-  #InfoForm {
-  display: none;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  max-width: 400px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 9999;
-  animation: appear 0.3s ease-in-out;
-  transition: 0.3s;
+  .info-form {
+    visibility: hidden;
+    opacity: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    max-width: 400px;
+    top: 50%;
+    left: 50%;
+    z-index: 9999;
+    transform: translate(-50%, -60%);
+    animation: disappear 0.3s ease-in-out;
+  }
+
+  .info-form.active {
+    display: flex;
+    visibility: visible;
+    opacity: 1;
+    transform: translate(-50%, -50%);
+    animation: appear 0.3s ease-in-out;
+  }
+
+  .gal-info {
+    transition: all 0.3s ease-in-out;
   }
   
   @keyframes appear {
@@ -25,6 +38,18 @@
   }
   }
 
+  @keyframes disappear {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -60%);
+  }
+
+  }
+
   .form-changeInfo input[type="text"], 
   input[type="url"]
   {
@@ -68,6 +93,7 @@
 </style>
 
 {% include lang.html %}
+{% if site.Leancloud.needLogin %}
 <div id = "InfoForm">
   <div class = "info">
       <form target="_self" class="form-changeInfo">
@@ -93,10 +119,13 @@
   </div>
 </div>
 <div class="gal-info"></div>
+{% endif %}
 <aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+  {% if site.Leancloud.needLogin %}
   <a href="javascript:void(0)" id="changeInfo" onclick="document.getElementById('InfoForm').style.display = 'flex'; document.querySelector('.gal-info').classList.add('active');" style="position: absolute; top: 140px; left: 150px;">
     <i class="fa-fw fas fa-pen-to-square"></i>
   </a>
+  {% endif %}
   <header class="profile-wrapper">
     <a href="{{ site.baseurl }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}
@@ -108,7 +137,7 @@
     </a>
 
     <div class="site-title">
-      <a href="{{ site.baseurl }}">Hi Guest!</a>
+      <a href="{{ site.baseurl }}">{{site.social.name}}</a>
     </div>
     <p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
   </header>
@@ -189,9 +218,11 @@
         </a>
       {% endif %}
     {% endfor %}
+    {% if site.Leancloud.needLogin %}
       <a href="javascript:void(0);" onclick="AV.User.logOut();setTimeout(function() { window.location.reload(); }, 1000)" title="{{ site.data.locales[lang].login.logout }}">
         <i class="fas fa-right-from-bracket" style="color: rgb(181, 27, 27);"></i>
       </a>
+    {% endif %}
   </div>
   <!-- .sidebar-bottom -->
 </aside>
@@ -202,6 +233,8 @@
       window.location.href = '{{ site.baseurl }}';
     });
 </script>
+
+{% if site.Leancloud.needLogin %}
 <script>
   var formValidate = {
     checkNickname: function() {
@@ -260,4 +293,5 @@
     event.preventDefault();
   });
 </script>
+{% endif %}
 

data/_layouts/default.html

@@ -77,7 +77,9 @@ layout: compress
 
     <!-- JavaScripts -->
 
-    {% include login-check.html %}
+    {% if site.Leancloud.needLogin %}
+      {% include login-check.html %}
+    {% endif %}
 
     {% if site.mathjax.display_on_home.enabled %}
       {% unless page.layout == 'post' or page.layout == 'archives' %}
@@ -93,6 +95,11 @@ layout: compress
 
     {% include_cached search-loader.html %}
     
+    {%  unless site.Leancloud.needLogin %}
+      <script>
+        document.querySelector('body').style.display='block';
+      </script>  
+    {% endunless %} 
     
   </body>
 </html>

data/_layouts/forgot.html

@@ -1,6 +1,6 @@
+{% if site.Leancloud.needLogin %}
 <!DOCTYPE html>
 <html>
-
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -47,13 +47,11 @@
             border-radius: 10px;
             padding: 5px;
             font-size: 1rem;
-            outline: none;
+            /* outline: none; */
         }
 
-        input[type="submit"] {
-            width: 30%;
-            height: 30px;
-            padding: 0;
+        #forgotBtn {
+            padding: 5px 20px;
             margin: 15px 0;
             font-family: Arial, Helvetica, sans-serif;
             color: #fff;
@@ -63,7 +61,7 @@
             border: none;
             text-align: center;
             align-items: center;
-            border-radius: 8px;
+            border-radius: 999px;;
         }
 
         #forgotBtn:active {
@@ -131,8 +129,8 @@
 <body>
     <div class="shell">
         <h2 class="title">Forgot</h2>
-        <input type="email" id="email" placeholder="Enter the email you used to login">
-        <input type="submit" value="Confirm" id="forgotBtn">
+        <input type="email" id="email" placeholder="Enter the email you used to login" required>
+        <button id="forgotBtn">{{ site.data.locales[lang].login.confirm }}</button>
     </div>
 
 
@@ -166,4 +164,9 @@
     </script>
 </body>
 
-</html>
+</html>
+{% else %}
+    <script>
+        window.location.href = '{{ site.baseurl}}';
+    </script>
+{% endif %}

data/_layouts/login.html

@@ -1,6 +1,4 @@
----
-layout: compress
----
+{% if site.Leancloud.needLogin %}
 <!DOCTYPE html>
 <html>
 
@@ -50,17 +48,15 @@ layout: compress
             border-radius: 10px;
             padding: 5px;
             font-size: 1rem;
-            outline: none;
+            /* outline: none; */
         }
 
         #email {
             display: none;
         }
 
-        input[type="submit"] {
-            width: 30%;
-            height: 30px;
-            padding: 0;
+        #loginBtn {
+            padding: 5px 20px;
             margin: 15px 0;
             font-family: Arial, Helvetica, sans-serif;
             color: #fff;
@@ -70,7 +66,7 @@ layout: compress
             border: none;
             text-align: center;
             align-items: center;
-            border-radius: 8px;
+            border-radius: 999px;
         }
         
         #loginBtn:active {
@@ -184,10 +180,10 @@ layout: compress
     {% include lang.html %}
     <div class="shell">
         <h2 class="title">{{ site.data.locales[lang].login.login }}</h2>
-        <input type="text" id="username" placeholder="{{ site.data.locales[lang].login.username }}">
-        <input type="password" id="password" placeholder="{{ site.data.locales[lang].login.password }}">
-        <input type="email" id="email" placeholder="{{ site.data.locales[lang].login.email }}">
-        <input type="submit" value="{{ site.data.locales[lang].login.login }}" id="loginBtn">
+        <input type="text" id="username" placeholder="{{ site.data.locales[lang].login.username }}" required>
+        <input type="password" id="password" placeholder="{{ site.data.locales[lang].login.password }}" required>
+        <input type="email" id="email" placeholder="{{ site.data.locales[lang].login.email }}" required>
+        <button id="loginBtn">{{ site.data.locales[lang].login.login }}</button>
         <div class="footer">
             {% if site.Leancloud.allowRegister %}
             <button id="signUp">{{ site.data.locales[lang].login.go_to_register }}</button>
@@ -204,7 +200,7 @@ layout: compress
             var signUpBtn = document.getElementById('signUp');
             if (title.innerText == '{{ site.data.locales[lang].login.login }}') {
                 title.innerText = '{{ site.data.locales[lang].login.register }}';
-                loginBtn.value = '{{ site.data.locales[lang].login.register }}';
+                loginBtn.innerText = '{{ site.data.locales[lang].login.register }}';
                 signUpBtn.innerText = '{{ site.data.locales[lang].login.go_to_login }}';
                 document.getElementById('username').value = '';
                 document.getElementById('password').value = '';
@@ -214,7 +210,7 @@ layout: compress
                 document.getElementById('email').style.display = 'block';
             } else {
                 title.innerText = '{{ site.data.locales[lang].login.login }}';
-                loginBtn.value = '{{ site.data.locales[lang].login.login }}';
+                loginBtn.innerText = '{{ site.data.locales[lang].login.login }}';
                 signUpBtn.innerText = '{{ site.data.locales[lang].login.go_to_register }}';
                 document.getElementById('username').placeholder = '{{ site.data.locales[lang].login.username }}';
                 document.getElementById('password').placeholder = '{{ site.data.locales[lang].login.password }}';
@@ -310,7 +306,7 @@ layout: compress
                     }).catch(function (error) {
                         /* 注册失败，处理错误信息 */
                         console.log('注册失败：', error);
-                        alert('{{ site.data.locales[lang].login.register_fail }}');
+                        alert('{{ site.data.locales[lang].login.login_fail }}' + '\n' + error.message.replace(/\[.*?\]/g, ''));
                     });
                 }
             };
@@ -326,4 +322,9 @@ layout: compress
     </script>
 </body>
 
-</html>
+</html>
+{% else %}
+    <script>
+        window.location.href = '{{ site.baseurl}}';
+    </script>
+{% endif%}

metadata

@@ -1,14 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-chirpy-customized-upe
 version: !ruby/object:Gem::Version
-  version: 3.2.0
+  version: 4.0.0.pre.beta2
 platform: ruby
 authors:
+- Cotes Chung
 - Jo Cruise
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-29 00:00:00.000000000 Z
+date: 2024-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -228,7 +229,12 @@ files:
 homepage: https://github.com/Jo-CRuiSe
 licenses:
 - MIT
-metadata: {}
+metadata:
+  bug_tracker_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/issues
+  documentation_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe/#readme
+  homepage_uri: https://jo-cruise.github.io/GemTest
+  source_code_uri: https://github.com/Jo-CRuiSe/jekyll-theme-chirpy-customized-upe
+  plugin_type: theme
 post_install_message:
 rdoc_options: []
 require_paths:
@@ -240,9 +246,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.26
 signing_key: