Decca example

Developer
Rico Sta. Cruz
Size
2,444 Kb
Views
6,072
  1. Decca example Previews
  2. Decca example HTML Codes
  3. Decca example CSS Codes
  4. Decca example JS Codes

How do I make an decca example?

What is a decca example? How do you make a decca example? This script and codes were developed by Rico Sta. Cruz on 19 January 2023, Thursday.

Decca example Previews
IQ Test

Decca example - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Decca example</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src="https://wzrd.in/standalone/[email protected]"></script>
<div id='header'> See Decca's <a href='https://ricostacruz.com/decca/components.html' target='_blank'>Components documentation</a> for details.
</div>
<div id='app'></div> <script src="js/index.js"></script>
</body>
</html>

Decca example - Script Codes CSS Codes

html, body, #app { margin: 0; padding: 0;
}
#app { padding: 32px;
}
body { font-family: sans-serif;
}
#header { box-sizing: border-box; width: 100%; padding: 16px; font-size: 14px; color: #666; text-align: center; border-bottom: solid 1px #ddd;
}
#header a,
#header a:visited { text-decoration: none; color: dodgerblue; font-weight: bold;
}
.message-box { width: 200px; border: solid 2px #ddd;
}
.message-box > h2 { border-bottom: solid 1px #ddd; padding: 16px; margin: 0;
}
.message-box p { padding: 8px; margin: 0;
}

Decca example - Script Codes JS Codes

'use strict';
/* @jsx decca.element */
var render = decca.dom.createRenderer(document.getElementById('app'));
render(decca.element(Message, { name: 'John', email: '[email protected]' }));
function Message(_ref) { var props = _ref.props; return decca.element( 'div', { 'class': 'message-box' }, decca.element( 'h2', null, props.name ), decca.element(Profile, props) );
}
function Profile(_ref2) { var props = _ref2.props; return decca.element( 'div', null, decca.element( 'p', null, 'Name: ', props.name ), decca.element( 'p', null, 'Email: ', props.email ) );
}
Decca example - Script Codes
Decca example - Script Codes
Home Page Home
Developer Rico Sta. Cruz
Username rstacruz
Uploaded January 19, 2023
Rating 3
Size 2,444 Kb
Views 6,072
Do you need developer help for Decca example?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rico Sta. Cruz (rstacruz) Script Codes
Name
Diff-based typing test
CSS variables iOS bug demo
React template
Background blur hack
Float wrapping demo
Styled file input
Waves
Gradient washing
A Pen by Rico Sta. Cruz
Cookie notice snippet
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!