├── README.md ├── colors.css ├── index.html ├── preview.png └── style.css /README.md: -------------------------------------------------------------------------------- 1 |

2 |

startpage

3 |

4 | 5 | A minimal startpage for use with most web browsers. 6 | Edit the links, colors, and names in `index.html` to fit your needs. 7 | 8 | ![preview](preview.png) 9 | 10 | -------------------------------------------------------------------------------- /colors.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --wallpaper: url(); 3 | --background: #263238; 4 | --foreground: #eeffff; 5 | --color0: #2e3c43; 6 | --color1: #f07178; 7 | --color2: #c3e88d; 8 | --color3: #ffcb6b; 9 | --color4: #82aaff; 10 | --color5: #c792ea; 11 | --color6: #89ddff; 12 | --color7: #b2ccd6; 13 | --color8: #3c4d54; 14 | --color9: #f07178; 15 | --color10: #c3e88d; 16 | --color11: #ffcb6b; 17 | --color12: #82aaff; 18 | --color13: #c792ea; 19 | --color14: #89ddff; 20 | --color15: #eeffff; 21 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | home 8 | 9 | 10 | 11 |

12 |

13 |

Personal

14 |

Work

15 |

Other

16 |

17 |

18 |

24 |

25 | [cse391] 26 | [gradescope] 27 | [ed] 28 |

29 |

30 | [rtm] 31 | [unix] 32 | [csgo] 33 | [coh] 34 | [youtube] 35 | [mail] 36 |

37 |

38 |

39 | 40 | 41 | -------------------------------------------------------------------------------- /preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JLErvin/startpage/0f84c2449f9d049ae81b553bb67442f061d0efca/preview.png -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import "./colors.css"; 2 | @import "/home/jle/squash/.cache/colors.css" 3 | 4 | * { 5 | font-size: 20px; 6 | } 7 | 8 | 9 | html { 10 | /*font-size: 18px;*/ 11 | font-family: 'Iosevka', monospace; 12 | /*font-weight: black;*/ 13 | background-color: var(--background); 14 | color: var(--foreground); 15 | } 16 | 17 | .box { 18 | width: 700px; 19 | right: 50%; 20 | bottom: 50%; 21 | transform: translate(50%, 50%); 22 | position: absolute; 23 | } 24 | 25 | .categories { 26 | float: left; 27 | margin 0; 28 | width: 20%; 29 | text-align: left; 30 | } 31 | 32 | .items { 33 | float: left; 34 | margin 0; 35 | width: 80%; 36 | text-align: left; 37 | } 38 | 39 | .lst { 40 | /*padding: 5px;*/ 41 | } 42 | 43 | a { 44 | text-decoration: none; 45 | } 46 | 47 | a:link { 48 | color: var(--foreground); 49 | } 50 | 51 | a:hover { 52 | font-weight: 700; 53 | } 54 | 55 | a:visited { 56 | color: var(--foreground); 57 | } 58 | 59 | .cat { 60 | font-weight: 700; 61 | } 62 | --------------------------------------------------------------------------------