custom_block/example.html

89 lines
4.5 KiB
HTML
Raw Normal View History

2024-10-09 00:18:18 +03:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="src/custom_block.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<h1>hello</h1>
<h2>world</h2>
</div>
<div class="row">
<div class="svg_block">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства ввода и пользовательский интерфейс,
который представляет из себя обычные React компоненты.
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей
чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских
булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей
чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских
булок, да выпей чаю.
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="svg_block_2">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю.
</div>
</div>
</div>
<div class="col-6">
<div class="svg_block_2">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю.
</div>
</div>
</div>
</div>
</div>
<script>
window.addEventListener("load", function () {
cb(".svg_block", {});
cb(".svg_block_2", {
'left_up_rect_w': 130,
'left_up_rect_h': 30,
'right_down_rect_w': 50,
'right_down_rect_h': 50,
'border_radius': 15,
'title_font_size': 20,
});
});
</script>
</body>
</html>