Code Monkey home page Code Monkey logo

aesthetic-startpage's Introduction

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

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:
  • Copy this Page link and use it as custom url homepage

Changing-Themes

  • You can change theme using the menu given at top-right corner.
  • You can use a specific-theme by using method-1.

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.

aesthetic-startpage's People

Contributors

aman0786-git avatar anand-shreya avatar anayatkhan1 avatar chanchal14-creator avatar divya2163 avatar gautam2305 avatar getmeapencil avatar hamzailyas237 avatar heisdinesh avatar itsbaivab avatar monu-7845 avatar morbius00 avatar nainish-rai avatar naman-x15 avatar pratt2762 avatar samwinp avatar septicalls avatar shreyakamathk avatar sidd2024 avatar snehal-gloria avatar sumitbaroniya avatar vaibhav0726 avatar vani177 avatar vinayjain18 avatar vladencode avatar yes-im-harsh 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  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  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

aesthetic-startpage's Issues

MacOS Safari

Hey Guys,

just so you know, I bet its not at the top of the to do list, but on Safari the page is broken.
I am pretty new to css etc. but if I have the time maybe I will try to fix it.

Nice page btw!

feat: Making Changes in UI

Hey! I want to make some changes to the UI by using the library particles.js. That'll be looking too cool, and UI will look good.
Please assign this issue to me.

Better UX

image
You should prefer the icons instead of names, it will give aesthetic and standard look to the website. On hovering the name of the icon should be displayed in subscript.

animated colour gradient

Open Source Love

Gradient colour

getting bored from normal colours and colour mest why not add a spice of animation colour gradient using
css3 html5

hacker theme

I would like to contribute a hacker theme in the new themes

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.