nindex page

This commit is contained in:
Alexander Popov 2022-11-03 04:57:55 +03:00
parent 8606be8de7
commit 22a6d20763
13 changed files with 126 additions and 78 deletions

View File

@ -1,7 +1,5 @@
# EditorConfig is awesome: https://EditorConfig.org
root = true root = true
# for all projects
[*] [*]
indent_style = space indent_style = space
indent_size = 4 indent_size = 4
@ -10,62 +8,13 @@ charset = utf-8
trim_trailing_whitespace = true trim_trailing_whitespace = true
insert_final_newline = true insert_final_newline = true
# Python
[*.py]
indent_style = space
indent_size = 4
# PHP
[*.php]
indent_style = space
indent_size = 4
# Crystal
[*.cr]
indent_style = space
indent_size = 2
# C
[{*.c,*.h}]
indent_style = space
indent_size = 4
# Web Sites
[{*.html,*.css,*.json}] [{*.html,*.css,*.json}]
indent_style = tab indent_style = tab
indent_size = 4 indent_size = 4
[humans.txt]
indent_style = tab
indent_size = 2
# Markdown
[*.md]
trim_trailing_whitespace = false
# Other
[Makefile]
indent_style = tab
indent_size = 4
[.gitconfig]
indent_style = tab
indent_size = 4
# JavaScript
[*.js] [*.js]
indent_style = space indent_style = space
indent_size = 2 indent_size = 2
[package.json] [*.md]
indent_style = space trim_trailing_whitespace = false
indent_size = 2
## for this repo
[~/SSH/config]
indent_style = tab
indent_size = 4
[~/SublimeText/*.sublime-*]
indent_style = tab
indent_size = 4

View File

@ -1,21 +1,9 @@
# Примеры на Pixi.js
<img src="https://pixijs.com//images/logo.svg" width="250"> <img src="https://pixijs.com//images/logo.svg" width="250">
## Pixi Download ## Pixi.js
**Development Build:** - [Official website](https://pixijs.com/)
- [Examples](https://pixijs.io/examples/)
https://pixijs.download/v6.5.1/pixi.js - [Documentation](https://pixijs.download/release/docs/index.html)
https://pixijs.download/v6.5.1/pixi.js.map
https://pixijs.download/v6.5.1/pixi.mjs
https://pixijs.download/v6.5.1/pixi.mjs.map
**Production Build:**
https://pixijs.download/v6.5.1/pixi.min.js
https://pixijs.download/v6.5.1/pixi.min.js.map
https://pixijs.download/v6.5.1/pixi.min.mjs
https://pixijs.download/v6.5.1/pixi.min.mjs.map
**Documentation:**
https://pixijs.download/v6.5.1/docs/index.html

2
src/.gitignore vendored
View File

@ -1 +1 @@
/pixi.js* assets/js/pixi*.js

View File

@ -1,8 +1,8 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<title>PixiJS</title> <title>Начало работы с PixiJS</title>
<script src="/pixi.js"></script> <script src="/assets/js/pixi-6.5.1.js"></script>
</head> </head>
<body> <body>
<script type="text/javascript" src="app.js"></script> <script type="text/javascript" src="app.js"></script>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PixiJS - Текст</title> <title>PixiJS - Текст</title>
<script src="/pixi.js"></script> <script src="/assets/js/pixi-6.5.1.js"></script>
</head> </head>
<body> <body>
<script type="text/javascript" src="app.js"></script> <script type="text/javascript" src="app.js"></script>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PixiJS - Фигуры</title> <title>PixiJS - Фигуры</title>
<script src="/pixi.js"></script> <script src="/assets/js/pixi-6.5.1.js"></script>
</head> </head>
<body> <body>
<script type="text/javascript" src="app.js"></script> <script type="text/javascript" src="app.js"></script>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PixiJS - Видимые и невидимые объекты</title> <title>PixiJS - Видимые и невидимые объекты</title>
<script src="/pixi.js"></script> <script src="/assets/js/pixi-6.5.1.js"></script>
</head> </head>
<body> <body>
<script type="text/javascript" src="app.js"></script> <script type="text/javascript" src="app.js"></script>

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PixiJS - Слот-машина</title> <title>PixiJS - Слот-машина</title>
<script src="/pixi.js"></script> <script src="/assets/js/pixi-6.5.1.js"></script>
</head> </head>
<body> <body>
<script type="text/javascript" src="app.js"></script> <script type="text/javascript" src="app.js"></script>

6
src/README.md Normal file
View File

@ -0,0 +1,6 @@
## Attention! ⚠️
**Run server here**
## Список
- [Полоска здоровья](health_bar/)

1
src/assets/css/chota-47d5845.min.css vendored Normal file

File diff suppressed because one or more lines are too long

45
src/assets/css/styles.css Normal file
View File

@ -0,0 +1,45 @@
* {}
body.dark {
--bg-color: #2f3542;
--bg-secondary-color: #131316;
--font-color: #f5f5f5;
--color-grey: #ccc;
--color-darkGrey: #777;
}
main {
}
iframe {
width: 100%;
height: 90vh;
}
nav {
border-bottom: 1px solid var(--color-darkGrey);
}
.frame {
border-left: 1px solid var(--color-darkGrey);
overflow-y: scroll;
}
.list {
margin: 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
cursor: pointer;
margin: 8px 0;
}
li:hover {
background-color: var(--color-darkGrey);
}

23
src/assets/js/website.js Normal file
View File

@ -0,0 +1,23 @@
let pages = {
gettingStart: {name: 'Начало работы с PixiJS', url: '01/index.html'},
text: {name: 'Текст в PixiJS', url: '02/index.html'},
graphics: {name: 'Фигуры в PixiJS', url: '03/index.html'},
visibleObjects: {name: 'Видимые и невидимые объекты в PixiJS', url: '04/index.html'},
};
window.onload = function() {
let lessonsList = document.getElementById('lessonsList');
Object.entries(pages).forEach(([key, value]) => {
let newItem = document.createElement('li');
newItem.appendChild(document.createTextNode(value.name));
newItem.setAttribute('onclick', `openPage('${key}');`);
lessonsList.appendChild(newItem);
});
};
function openPage(item) {
let frame = document.getElementById('examplesFrame');
frame.src = pages[item].url;
}

36
src/index.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pixi.js examples by iiiypuk</title>
<link rel="stylesheet" type="text/css" href="assets/css/chota-47d5845.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<script type="text/javascript" src="assets/js/website.js"></script>
</head>
<body class="dark">
<nav class="nav">
<div class="nav-left">
<a class="brand text-light" href="/">Pixi.js: уроки и примеры</a>
</div>
<div class="nav-right">
<a class="button primary" href="https://iiiypuk.me" target="_blank">Author</a>
</div>
</nav>
<main class="container">
<div class="row">
<div class="col-4 lessons-list">
<ul id="lessonsList" class="list">
<!-- <li onclick="openPage('gettingStart');">Начало работы с PixiJS</li>
<li onclick="openPage('text');">Начало работы с PixiJS</li>
<li onclick="openPage('graphics');">Начало работы с PixiJS</li>
<li onclick="openPage('visibleObjects');">Начало работы с PixiJS</li> -->
</ul>
</div>
<div class="col frame">
<iframe id="examplesFrame" src="01/index.html"></iframe>
</div>
</div>
</main>
</body>
</html>