Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/is-leeroy-jenkins/orca

A quick and dirty HTML, CSS, and JS website template
https://github.com/is-leeroy-jenkins/orca

Last synced: about 1 month ago
JSON representation

A quick and dirty HTML, CSS, and JS website template

Host: GitHub
URL: https://github.com/is-leeroy-jenkins/orca
Owner: is-leeroy-jenkins
License: mit
Created: 2023-06-05T22:23:47.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-06-14T12:55:54.000Z (6 months ago)
Last Synced: 2024-06-14T14:16:39.955Z (6 months ago)
Language: HTML
Homepage:
Size: 26.8 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ##  Orca

## ![](https://github.com/KarmaScripter/BudgetWeb/blob/main/img/BudgetWeb.png)

## A quick and fast HTML, CSS, and JS website template

- css/frame.css (CSS for the main frame of the website)

- css/controls.css (CSS for control elements that do not require JavaScript)

- css/widgets.css (CSS for widgets that require JavaScript)

- js/widgets.js (JavaScript for widgets)

- js/util.js (JavaScript for general utility functions)

- js/menu.js (JavaScript for loading the menu bar)

- js/footer.js (JavaScript for loading the footer)

### Uses jQuery to load the menu bar and the footer, as shown below:

```html

```

The `menu.js` script loads `menu.html` to `menu-container`.

```html



```

The `footer.js` script loads `footer.html` to `footer-container`.

```html



```

### This template is tested and worked on:

- macOS 12.4

  - Chrome 103

  - Safari 15.5

  - Firefox 103

  - Edge 103

- Android 12

  - Chrome 103

- iOS 15.5

  - Chrome 103

  - Safari 15.5

  - Firefox 102

 

  - 

# Overview

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Overview.gif)

# Landing

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Overview.PNG)

# Galleries

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Gallery.PNG)

# Dropdowns & Radio Buttons

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Dropdowns.PNG)

# Dialogs

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Dialogs.PNG)

# iFrame - Air Quality tracking

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Iframe.PNG)

# Masonry

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Masonry.PNG)

# Surveys

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Surveys.PNG)

# Tables

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Tables.PNG)

# Videos

![](https://github.com/KarmaScripter/BudgetWeb/blob/main/etc/github/Video.PNG)