User:Sammp/Test: Difference between revisions
No edit summary |
No edit summary |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{User:Sammp/Template:Note|Foo | {{User:Sammp/Template:Note|Foo}} | ||
<templatestyles src=" | <templatestyles src="Note/style.css" /><div role="note" class="note note-warn">Hi</div> | ||
{{Note|Foo}} | |||
<templatestyles src="Note/style.css" /><div role="note" class="note note-warn">Hi</div> | |||
<script src="node_modules/jquery/dist/jquery.min.js"></script> | |||
<script src="node_modules/oojs/dist/oojs.min.js"></script> | |||
<script src="node_modules/oojs-ui/dist/oojs-ui.min.js"></script> | |||
<script src="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.js"></script> | |||
new OO.ui.ButtonWidget( { | |||
label: 'Normal' | |||
} ) | |||
<inputbox> | |||
type=create | |||
width=100 | |||
break=no | |||
buttonlabel=Create new article | |||
default=(Article title) | |||
</inputbox> | |||
<!doctype html> | |||
<html> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<title>ToDo OOUI</title> | |||
<meta name="description" content="A demo ToDo app made with OOUI"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||
<!-- jQuery --> | |||
<script src="node_modules/jquery/dist/jquery.min.js"></script> | |||
<!-- OOjs --> | |||
<script src="node_modules/oojs/dist/oojs.min.js"></script> | |||
<!-- OOUI --> | |||
<script src="node_modules/oojs-ui/dist/oojs-ui.min.js"></script> | |||
<!-- OOUI theme --> | |||
<script src="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.js"></script> | |||
<link rel="stylesheet" href="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.css"> | |||
<!-- ToDo app custom --> | |||
<link rel="stylesheet" href="todo.css"> | |||
<script src="assets/init.js"></script> | |||
</head> | |||
<body> | |||
<div class="wrapper"> | |||
<h1>Demo ToDo app with OOUI</h1> | |||
</div> | |||
</body> | |||
</html> | |||
Latest revision as of 21:57, 19 February 2022
<templatestyles src="Note/style.css" />
<templatestyles src="Note/style.css" />
<templatestyles src="Note/style.css" />
{ style = background-color: #fff9ea;
/* File:OOjs UI icon alert-warning.svg */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg);
background-size: 25px;
border-color: #fc3;
min-height: 28px;
}
<templatestyles src="Note/style.css" />
<script src="node_modules/jquery/dist/jquery.min.js"></script> <script src="node_modules/oojs/dist/oojs.min.js"></script> <script src="node_modules/oojs-ui/dist/oojs-ui.min.js"></script> <script src="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.js"></script>
new OO.ui.ButtonWidget( { label: 'Normal' } )
<inputbox> type=create width=100 break=no buttonlabel=Create new article default=(Article title) </inputbox>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>ToDo OOUI</title>
<meta name="description" content="A demo ToDo app made with OOUI">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="node_modules/jquery/dist/jquery.min.js"></script> <script src="node_modules/oojs/dist/oojs.min.js"></script> <script src="node_modules/oojs-ui/dist/oojs-ui.min.js"></script> <script src="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.js"></script> <link rel="stylesheet" href="node_modules/oojs-ui/dist/oojs-ui-wikimediaui.min.css">
<link rel="stylesheet" href="todo.css"> <script src="assets/init.js"></script> </head> <body>
Demo ToDo app with OOUI
</body> </html>