-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (100 loc) · 4.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.sound.min.js"></script>
<meta charset="utf-8" />
<!-- reloading things all x seconds (5 this case)-->
<!--<meta http-equiv="refresh" content="5"> -->
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>
LyceasDevlog
</header>
<nav>
<ul class="navi">
<li class = "navi"><a href="index.html">home</a></li>
<li class = "navi"><a href="index.html">Blog</a></li>
<li class = "navi"><a href="sketches/sketch_list.html">Sketches</a></li>
<li class = "navi"><a href="index.html">Recent added</a></li>
<li class = "navi"><a href="index.html">About</a></li>
</ul>
</nav>
<div class = "main">
<div class="content">
<section>
<h2> First nice processing samples </h2>
<p>
Here you can find some first samples for nice
generated processing sketches.
</p>
<p>
<h3>Snowflakes:</h3>
<p> This is a simple sketch showing snow falling down in winter</p>
<object data="sketches/snow_flakes/snow_flakes.html" type="text/html" width = "500px" height="450px" style="overflow:hidden; min-width: 101%; min-height: 101%"></object>
</p>
<p>
<h3>Rectangle:</h3>
<object data="sketches/rectangles_1/rectangles_1.html" type="text/html" width = "500px" height="450px" style="overflow:hidden; min-width: 101%; min-height: 101%"></object>
</p>
</section>
<hr>
<section>
<h2> Visual studio code Plugins </h2>
<p>
This is a small listing of the visual studio code
plugins that I use for editing this page that are </br>
kind of usefull
</p>
<ul>
<li>CSSTree validator: this corrects the css files and tells you that there is something wrong</li>
<li>IntelliSense for Css class names: More css intellisense </li>
<li>Live HTML Preview: have a preview in a tab ... works more or less</li>
<li>Live server: Small server to have a version preview, actualieses on save what is really neat</li>
<li>ps5js Snippets: snippets for java scrip processing, really helpfull</li>
<li>Processing Language: for general processing, can mostly also be used for js variation</li>
<li>Python: for the python files, selfexplaining I guess ?</li>
<li>VS Color picker: for picking css colors directly in a picker</li>
</ul>
</section>
</div>
<!--Beginning sidebar -->
<div class="sidebar">
<div class="titlePane"> <b>About</b> </div>
<p></p>
<div>
This page is work in progress </br>
So please don't expect to much for now</br>
Yes the links above are not working</br>
<p></p>
And about me I'm an engineer trying to
buildt up this page and fill it with </br>
colorfull information and tutorials</br>
about:</br>
<ul>
<li> Programming</li>
<ul>
<li> Love2d</li>
<li> Processing</li>
<li> Python</li>
</ul>
<li> Projets</li>
<li> Tutorials</li>
<li> Digital art ?</li>
<li> ....</li>
</ul>
</div>
<p></p>
<div class="titlePane"> <b>Newest</b> </div>
<p>Some small samples</p>
<p>The plugin lists</p>
<p>This whole page </p>
<div class="titlePane"> <b>Categories</b> </div>
<p>There is nothing to see for now</p>
</div>
</div>
<div class="footer">some information</div>
</body>
</html>