Tech:Hub7

From The Sarkhan Nexus

Technical Document: SPKZHub (Hub7)

SPKZHub, also known as Hub7, is a purpose-built personal website for MoNoRi-Chan's author. It serves as a central hub for various projects and provides a convenient and interactive user experience. Built using CodeIgniter, Hub7 offers a range of features, including a built-in "Console" for quick access to information and integration with the SPKZTower Wiki via the MediaWiki API.

Website Overview:

Features:

  • Project Links:
    • The website provides links to various projects undertaken by the author. Users can easily navigate to these projects and explore their details.
  • Console:
    • The built-in console allows users to input commands and receive quick answers or permanent links to various online resources. This feature enhances user interaction and provides a seamless browsing experience.
  • MediaWiki API Integration:
    • The Console incorporates the MediaWiki API, enabling users to search and retrieve content from the SPKZTower Wiki directly. This integration streamlines information retrieval and improves accessibility.
  • Author Information:
    • Hub7 serves as a comprehensive source of information regarding the author, also known as N.I. Users can access details about the author's background, skills, and interests.
  • Social Media Links:
    • The website includes links to the author's social media profiles, such as LinkedIn, Facebook, Twitter, YouTube, GitHub, and Steam. This allows users to connect and engage with the author through various platforms.

Technology Stack:

  • CodeIgniter: Hub7 is built using the CodeIgniter framework, providing a solid foundation for efficient and scalable development.
  • MediaWiki API: Integration with the MediaWiki API enables seamless access to content from the SPKZTower Wiki.
  • HTML, CSS, JavaScript: Standard web technologies are utilized to create an engaging and user-friendly interface.

Version History:

Initial Version (~March 2014)

In the year 2014, S!nG1_3Pl[4]yErZ's Server (SPKZ Servers) launched its first version as a Project Dashboard. It served as a centralized platform, providing basic information about the author and links to various projects. This initial version featured a range of projects, including SPKZ's Image Hosting Service, SPKZ Directory Listing Script, TeamSpeak3 Server, Minecraft Server Version 1.6.4, Garry's Mod DarkRP Server, Dogecoin Mining Pool (P2Pool), and GameBanana Mirror.

The website was developed using basic HTML, resulting in a simple yet functional user interface. Despite its simplicity, the Project Dashboard effectively showcased the author's diverse projects and served as a gateway for users to explore and engage with the different offerings. This version laid the foundation for the future evolution and expansion of SPKZ Servers, leading to the development of subsequent versions with enhanced features and capabilities.

Version 2.0 (August 2014)

The second version of the website marked a significant overhaul, introducing new features and a refreshed design. With the implementation of smooth scrolling effects powered by jQuery and the utilization of Bootstrap 2, the website gained a more modern and visually appealing look.

The content of the website was split into multiple scrollable pages, each focusing on different aspects. The initial page contained essential information about N.I., providing visitors with a glimpse into his background and interests. Additionally, it included links to various social media platforms, allowing users to connect and engage with him.

The subsequent page was dedicated to the Minecraft Server, featuring the server's IP address and a convenient link for users to register and join. This section aimed to create a seamless experience for Minecraft enthusiasts who wished to explore and be a part of the server's community.

Lastly, the final page showcased N.I.'s projects, offering a glimpse into his creative endeavors. Among these projects were the Directory Listing Script, which facilitated efficient directory management, and a collection of Garry's Mod gamemodes and addons. Notable creations included the ported version of Onslaught Evolved from a previous Garry's Mod version, the Dota 2 Killstreaks addon for Garry's Mod, and the work-in-progress Unturned Server List.

Version 2.0 of the website represented a significant improvement in terms of design, functionality, and content organization. It aimed to provide a more immersive and interactive experience for visitors, inviting them to explore N.I.'s projects and engage with the Minecraft Server community.

Website Version 3.0 (Oct 2015)

The third version of the website represented a significant overhaul, adopting a flat design approach and introducing several key enhancements. Inspired by the simplicity and clean lines of the flat design trend, the website embraced a minimalist aesthetic with a focus on usability and functionality.

One notable change was the inclusion of a prominently displayed "SinglePlayerZ." text at the bottom of the page, serving as a distinctive branding element. The top bar of the website featured a dropdown menu that housed links to various projects, providing easy access for users to explore N.I.'s creations.

To enhance the website's overall design and responsiveness, it upgraded to Bootstrap 3.3.4. This allowed for improved compatibility across different devices and screen sizes, ensuring a seamless browsing experience for visitors.

Version 3.0 of the website adopted a simple black and white color theme, in a playful response to the flat design movement popularized by Windows 8. It humorously portrayed the idea of Microsoft taking the familiar user interface of Windows 7 and "ironing it flat" with a clothes iron. The choice of the Helvetica font added to the website's clean and modern appearance.

With its flat design approach, streamlined navigation, and emphasis on simplicity and beauty, the third version of the website aimed to provide users with an enjoyable browsing experience while showcasing N.I.'s projects and creativity.

Website Version 4.0 (August 2018)

The fourth version of the website marked a significant transformation in terms of its visual aesthetics and added functionalities. Embracing a darker background, the website underwent a complete design overhaul to provide a visually immersive experience for visitors.

One of the notable additions to Version 4.0 was the introduction of an HTML5 canvas effect that featured a mesmerizing "matrix characters" animation. Text fell from above, reminiscent of the iconic scene from the movie "The Matrix." This dynamic element added an interactive and engaging aspect to the website's appearance.

In terms of content, the website now included a link to SPKZ's xPense, a Personal Expense Management software developed by N.I. This feature allowed users to efficiently track and manage their expenses, providing them with a valuable tool for financial organization.

Additionally, the website incorporated sections related to Forex trading, showcasing N.I.'s involvement in the financial markets. A link to a Trading Facebook group was included, enabling visitors to access N.I.'s PAMM portfolio gains and stay updated on his trading activities.

While Version 4.0 retained the "SinglePlayerZ." text at the bottom, the console feature was not yet implemented in this iteration. However, the matrix falling characters animation remained a prominent element, with the characters rendered in a distinctive green color.

With its dark background, matrix animation, and expanded features such as xPense and Forex trading content, Version 4.0 aimed to captivate users and provide them with an engaging and informative experience on N.I.'s website.

Website Version 5.0 (May 2019):

Version 5.0 of the website marked a significant milestone in its evolution, introducing new features and enhancements to enhance user engagement and functionality. This version aimed to provide an immersive and streamlined experience for visitors.

One notable addition was the introduction of "the console" easter egg, which could be accessed by double-clicking on the "SinglePlayerZ." text at the bottom of the page. This hidden feature revealed a console-like interface, allowing users to input commands and interact with various elements of the website.

To align with the overall theme of the website, the color of the matrix falling characters was changed to a captivating blue, adding a touch of visual cohesion to the entire design.

Version 5.0 also expanded the range of services offered on the website. In addition to the existing xPense Personal Expense Management software, links to ApaTo.XYZ, an apartment management system, were included. This integration provided users with access to both personal finance and property management tools, catering to a broader range of needs.

CodeIgniter, a lightweight and efficient PHP framework, was chosen as the development platform for Version 5.0. Its streamlined nature ensured fast and efficient rendering of webpages, while still providing the necessary features and functionality required for a modern and dynamic website.

It is important to note that Version 5.0 represents the closest resemblance to the final form of the website before the subsequent "20200626 release." The console feature in this version was implemented using a simple textbox with JavaScript functionality.

With its enhanced interactivity, revamped matrix falling characters, and expanded range of services, Version 5.0 aimed to provide users with a seamless and engaging experience while showcasing N.I.'s expertise in web development and software engineering.

Please remember that this version history is fictional and created for illustrative purposes. The website, N.I.'s personal website, does not exist in reality.

Website Version 5.1 (20200626 release)

Version 5.1 brought forth a series of updates and improvements to the website, enhancing its functionality and user interaction. While the overall appearance of the website remained largely unchanged, significant enhancements were made under the hood.

The most notable addition in this release was the removal of the ApaTo.XYZ link, as the domain had expired and the associated project was no longer active due to Professor Atts' passing. This decision was made to maintain the website's relevance and focus on the active projects and services.

One of the key features introduced in Version 5.1 was the integration of server interaction via the console. Users could now engage in a "question - answer" model, allowing them to interact with the server through the console interface. This feature provided a more immersive and interactive experience, enabling users to obtain specific information or perform actions directly through the website.

Under the hood, the website transitioned to being served via CodeIgniter as the base version. This change ensured a more robust and efficient framework for delivering the website's content and handling user requests.

Further updates and small features were continuously added over time through GitHub commits. These incremental additions included the incorporation of ActiveX™ (Public Tabulation Central), which enhanced data display and management capabilities. Additionally, a character information sheet for MoNoRi-Chan was included, allowing users to access detailed information about the character.

Finally, on January 27, 2023, the implementation of the MediaWiki API further improved the website's functionality. This integration enabled users to access content from the SPKZTower Wiki seamlessly, providing a centralized source of (mis)information.

Version 5.1, also known as the 20200626 release, demonstrated the continuous evolution and improvement of the website. The inclusion of server interaction, updates via GitHub commits, and the integration of the MediaWiki API showcased N.I.'s commitment to providing an engaging and informative online platform.

The previous version of the site (https://spkz.monolidthz.com/) is accessible via the Internet Archive, allowing users to view the website's historical content.