fuchsia-web-demo
fuchsia-web-demo copied to clipboard
RIP Armadillo
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
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
- Manuel Goulão - mgoulao
See also the list of contributors who participated in this project.