Giter Site home page Giter Site logo

hmrserver / obsidian Goto Github PK

View Code? Open in Web Editor NEW
34.0 2.0 44.0 443 KB

Obsidian Theme is a Dark theme for Open Game Panel, for following our Progress, users can join our Discord server: https://discord.me/HMR or https://discord.gg/PAAHDc5

HTML 8.27% PHP 6.12% CSS 50.61% JavaScript 25.15% Hack 9.85%
ogp theme game-panel opengamepanel css jquery javascript obsidian hacktoberfest

obsidian's Introduction

alt tag

Obsidian Theme - BETA

NOTE!!!! : Since, This is still in BETA stage. You may need to check out everytime when you got time. We won't releasing version. So to get latest version. Always keep checking this repository. Report any problem in this github issues. But, you can also join our discord channel to talk more about this or for giving us feedbacks! Enjoy.

What is Obsidian Theme ?

Obsidian Theme is a Dark and lightweight theme for Open Game Panel which allows admins to do customization of the style of Open Game Panel and make your own game panel more professional.
Currently this theme is on its BETA stage, so their might have some bugs. Users requested to report them in our discord server, at this github repository issues, or at our theme thread of open game panel forum. So this theme can be further be improved. Final release will come later.

Crafted by HMR Team.
Join our official discord channel to follow our development or to talk more about us : https://discord.gg/Tk8zbdR

Custom License:

  1. User may edit the item, but can't replace My Theme Copyright & OGP Copyright.
  2. User can't re-distribute the theme's copy for free or paid.
  3. User should not copy any feature of this item.
  4. User need confirmation with us before taking theme as business and removing copyright mark (footer, header component, etc.).
  5. User can't expose decrypted files publically.

For Installation, Follow the steps below:

Requirements:

  1. Your OGP panel must of latest version.
  2. You Must have full controls on the OGP panel's File.
  3. Your OGP Panel atleast have 7-10 MB Disk space.

Installation Steps:

Download the lastest version from HERE
If you already downloaded. Progress to next instruction as what you want to finish

  1. Extract the zip file.
  2. Copy everything inside the folder, navigate to your OGP Panel's root theme folder and paste there.
  3. Once the pasting process completes, login to your OGP Panel.
  4. Navigate to Administration > Theme Settings, Change the theme to Obsidian and save it.
  5. That's all, now you would have Obsidian Theme in it. ENJOY!

Customization

Profile Image (Concept)

alt tag
In this theme we have an exclusive feature called "Avatar/ProfileImage" System, which saves users avatar/images at web host(i.e at "../themes/Obsidian/upload") which this will save your Avatar and will be able to load by your current username. For users who want to have their Avatar.

There is an admin tool that you can set called "Avatar max limit size". This enable admins to setup a maximum specific size (in bits) which user's are not allowed to upload their avatars beyond the limit size. Only Admin can customize it. For setting it up, Please go to ../upload/upload.php. Open with your text-editor, I recommend you to use Atom which is available to Windows & Linux. Then, Go to 4th code line. And Replace the value of "max_image_size" within your own specific size. Ex :

$max_image_size = 2048; // in KB (2 MB = 2048 KB)

For Usage. Please, Follow the step below :

  1. First, Make sure you already logged in with any of your account.
  2. Then, If Sidebarmenu hasn't expanded yet. try to expand it by click/touch the "3 lines".
  3. So, You will be able to see the profile image, You can upload your own image.
  4. Camera Icon for upload. Trash Icon for remove your icons.

NOTE : If it isn't saving then probably its because of the insufficient permission given to the upload folder(recommended to be 777). For setting the proper permission to the folder just open your webhost's SSH and execute the command mentioned below:

chown -Rf www-data:www-data /var/www/

Welcome Message

alt tag It's cool, right? You can add your welcome message, too! Just follow the steps, below :

  1. Simply, You need to have admin's rights. Try login with your admin account
  2. Then, Go to Administraion > Theme Settings.
  3. After that, Navigate to "Theme Settings" and make sure "Welcome Title" setsON.
  4. Then, you can change the default Welcome Messages, to your own messages
  5. Lastly, If you want to have same label notification. you need to write codes, below here
<div class="callout"><span>Welcome!</span><p>You can change this title in '<b>Theme Settings</b>' under the '<b>Administration</b>' tab.</p></div>

Favicon, Login Background Image, Background Blur Effect, Logo, Loading Bar.

alt tag "Little Addition ? meh, i guess so. But at least, You can customize for sure. Continue for Tutorials!"

  1. Simply, You need to have admin's rights. Try login with your admin account.
  2. Go to Administraion > Theme Settings.
  3. Navigate to "Extras Options"
  4. Change the default settings to your personalization
  5. Make sure, you located the files correctly. Ex. ("themes/Obsidian/images/bg.jpg")
  6. I can't explain much for more details. Just try save and see your own result :).

obsidian's People

Contributors

chiqors avatar hmrserver avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

obsidian's Issues

Footer leaves the page empty below it

image

Suggestion: Fixing the footer to the bottom of the page.
adding style="position:fixed;" in bottom.html or bottomWrapper CSS file.

<div id="bottomWrapper" style="position:fixed;"> 
        <div class="image" style="padding-top:20px"> Crafted with <i class="fa fa-heart pulse_heart" original-title="Love"></i> by <a href="https://github.com/hmrserver/" style="color: rgb(23, 108, 235);">HMR</a>
		  %footer%
        </div> 
      </div> 
    </div>

extra options

Just tried the extra options "loading bar and blur effect" I get the "updated" pop-up but after reloading the page it they are in default option again. "Idk if the image options work havent tried them

Change Welcome Title Message

<div class="callout"><span>Welcome!</span><p><b style='font-size:12px; font-weight:normal;'>You can change this title in '<a href='?m=settings&p=themes'>Theme Settings</a>' under the '<a href='?m=administration&p=main'>Administration</a>' tab.</b></div>

Whenever when I put this theme the panel gets unresponsive

Hello, whenever I choose this theme in my gamecp it gets unresponsive. First, it changes the theme but after for example I go to the dashboard the panel become unresponsive, so I need to move back to the default(Revolution) theme. It is because this theme is outdated? If so, how can we update this theme to work with the latest OGP panel?
Thank you,
Raphael

Blocked when changing to Obsidian

image

The only way to fix this is to change the theme to another one as the Obisidan one is looping to the dashboard with nothing to show :
image

Error with upload.php

if($_FILES['image']['size'] > ($max_image_size*8192) {

it should be,
if($_FILES['image']['size'] > $max_image_size*8192) {
small error but breaks the upload process..

Add ICONS | images/

gamemanager images/gamemanager.png
master images/master.png
editconfig images/editconfig.png
32689535-d8d2f4c8-c6e6-11e7-9759-cc66023760af images/filemanager.png
customfields images/customfields.png

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.