mgoulao / fuchsia-web-demo

RIP Armadillo

Home Page:https://mgoulao.github.io/fuchsia-web-demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fuchsia-web-demo

Pink + Purple + Web == Fuchsia Web Demo - (unofficial)

Description

The Fuchsia Web Demo tried to simulate the UI and animations of Fuchsia OS Armadillo. RIP Armadillo LINK

Images

alt text alt text alt text

Create Dummy App

This repo goal is also to show simple dummy Apps with a futuristic UI.

To create an App you can use this template:

<html>
<head>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css">
</head>
<body>
  
  <!--Content-->
	
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
</body>
</html>

And then:

  • Go to js/index.js and add your app to the appData variable with this format:
"yourAppId": {
    "title": "Title",
    "color": "#3F51B5",
    "id": "yourAppId",
    "image": "resources/empty.png",
    "text": "",
    "content": "<div style='position:relative;height:100%;overflow:hidden'><iframe src='YOUR_APP_HTML' allowfullscreen></iframe></div>"
},

Built With

Authors

See also the list of contributors who participated in this project.

About

RIP Armadillo

https://mgoulao.github.io/fuchsia-web-demo/


Languages

Language:HTML 43.1%Language:CSS 30.7%Language:JavaScript 26.1%