Nainish-Rai / aesthetic-startpage

Aesthetic Startpage to boost your productivity and at the same time give your desktop a new aesthetic look
GNU General Public License v3.0
144 stars 71 forks source link
css hacktoberfest hacktoberfest-accepted startpage

aesthetic-startpage

Aesthetic Startpage to boost your productivity and at the same time give your desktop a new aesthetic look. Here is a Live Preview

NOTE!!!!!!!!! We are developing a productivity SaaS platform that combines a clean, minimalist design with anime-inspired nature themes. The goal is to create a serene and engaging digital workspace that helps users streamline their tasks, organize their thoughts, and boost their overall productivity.

Key Features Personalized start page with customizable widgets for bookmarks, notes, to-do lists, weather, and time Intuitive bookmark management system for saving, organizing, and accessing bookmarks Note-taking feature with Markdown support and a clean, minimalist interface Task management system with due dates, priorities, and integration with external services AI-powered chatbot for assistance with queries, task management, and information retrieval Aesthetic, modern UI with a consistent brand identity across all features AI-enhanced search engine for quick and relevant information retrieval Personal mood board

Design Inspiration The design of the SaaS platform will be inspired by minimalist aesthetics and nature-themed anime. We aim to create a clean, visually appealing interface that resonates with users who appreciate simplicity and whimsy. The color palette will be inspired by natural elements like water, leaves, and clouds, and the overall look and feel will be calming and inviting. Monetization

We are looking for developers, designers and dreamers Suggest your ideas on what features we all can add, designs, and I welcome you all to contribute and create this ultimate opensource start space.

Installation

Method 1:
  1. Download/Clone this repository.
  2. Open folder of theme you want to use.
  3. Open index.html file using a web browser.
  4. Copy the url path from the url bar.
  5. Go to web browser's homepage settings.
  6. Select Custom url homepage and paste the url.
Method 2:

Changing-Themes

Themes:

Purple-Mesh

Screenshot from 2022-10-04 22-50-35

Orange

Screenshot from 2022-10-04 22-59-26

Blue

Screenshot from 2022-10-04 22-59-39

Green

Screenshot from 2022-10-04 22-59-52

Cherry

Screenshot from 2022-10-04 23-00-04

Purple

Screenshot from 2022-10-04 23-00-35

Feel free to make new colour themes and improvements <3

Also don't forget to star the repo :)

Create new themes using template theme

Forking the Repository

  1. Follow this tutorial till Create a Branch.

Creating a New Theme

Using the template

  1. Navigate to aesthetic-startpage\template-theme\normal in your desktop.

  2. Copy all the files and folders (index.html, style.css, images).

  3. Now navigate to aesthetic-startpage\new-themes\ in your desktop.

  4. Create a new folder and give it a unique theme name of your choice.

  5. Paste the previously copied files and folder inside the new folder you created.

Changing the aesthetic

  1. Open style.css in your preferred ide or text editor.

  2. Inside :root change the rgb values for different variables.

guide

  1. If you want to add gradient, you can add it inside .bg

  2. To add new image, navigate to images inside the folder you created and replace the existing image with the one you want. Rename the image to gif.gif. If the image is not gif you can convert it by using MS Paint (save as gif.gif) or any other software.

Committing and Pushing the changes

  1. Follow rest of this tutorial from where you have left.