Skip to content

Commit

Permalink
ok
Browse files Browse the repository at this point in the history
  • Loading branch information
@jcponce
jcponce committed Feb 28, 2024
1 parent 0ebdf92 commit 0ede41c
Show file tree
Hide file tree
Showing 8 changed files with 776 additions and 126 deletions.
83 changes: 56 additions & 27 deletions velfields/Lorenz84/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,68 @@
<html>
<title>Lorenz84 attractor</title>
<head>
<meta charset="UTF-8">

<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="../libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.dom.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.easycam.min.js"></script>
<script language="javascript" type="text/javascript" src="lorenz84.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/dat.gui.min.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->

<!-- This line removes any default padding and style.
<title>Lorenz84 attractor</title>

<head>
<meta charset="UTF-8">

<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="../libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.dom.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.easycam.min.js"></script>
<script language="javascript" type="text/javascript" src="lorenz84.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/dat.gui.min.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->

<!-- This line removes any default padding and style.
You might only need one of these values set. -->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="https://dynamicmath.xyz/images/icon/infinity32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://dynamicmath.xyz/images/icon/infinity16.png" sizes="16x16">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="https://dynamicmath.xyz/images/icon/infinity32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://dynamicmath.xyz/images/icon/infinity16.png" sizes="16x16">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JPYTNF6MB4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-JPYTNF6MB4');
</script>
</head>

<body>
<div id="easycamhud" class="hud unselectable">
<h3>Parameters</h3>
<div>
<ul id="hud-left" class="two"></ul>
<ul id="hud-right" class="two"></ul>
</head>

<body>
<div id="easycamhud" class="hud unselectable">
<h3>Parameters</h3>
<div>
<ul id="hud-left" class="two"></ul>
<ul id="hud-right" class="two"></ul>
</div>
</div>

<!-- The Modal -->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span><br />
<strong>👋 Hello!</strong>
</div>
<div class="modal-body">

<div w3-include-html="../libraries/message.html"></div>

</div>
<div class="modal-footer">
Thank you! 🙏 I highly appreciate your support! 🤗
</div>
</div>
</body>
</html>

</div>
<!-- The Modal ends -->

<div class="support">
<p>❤️ Support in <a href="https://www.patreon.com/jcponce">Patreon</a></p>
</div>

<script language="javascript" type="text/javascript" src="../libraries/message.js"></script>
</body>

</html>
139 changes: 137 additions & 2 deletions velfields/Lorenz84/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,14 @@
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);

/*
:root {
/*--border_radius: 0px;*/
/*--colorA: rgba(210, 110, 0, 0.9);*/
/*--colorA_06: rgba(210, 110, 0, 0.5);*/
/*--col_ORANGE: rgb(255,130,0);*/
/*--box-shadow: 5px 5px 5px rgba(80, 35, 0, 0.5);*/
/*--box-shadow-button: 0px 0px 5px rgba(0, 0, 0, 1);*/
}
/*}*/

.unselectable{
-moz-user-select: none;
Expand Down Expand Up @@ -40,7 +43,7 @@ body{
width:100%;
height:100%;
background-color: rgba(0,0,0,1);
font-family: FontAwesome, Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 400;
Expand Down Expand Up @@ -92,9 +95,141 @@ ul .orange{



.support {
position: fixed;
font-size: 1.2em;
left: 10;
bottom: 25;
}

.support a {
color: aqua;
}

.support a:hover {
color:rgba(4, 112, 162, .976);
}


.modal {
display: none;
position: fixed;
z-index: 9998;
padding-top: 70px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4)
}

.modal-content {
position: relative;
background-color: #f2f2f2;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: .4s;
animation-name: animatetop;
animation-duration: .4s;
font-size: 18px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
line-height: 1.6em;
color: #262626
}

.button-container {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}

.button-container button {
margin-top: 10;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 10px
}

#modal-link {
padding: 9px;
background-color: #d8d8d8;
border: 1px #d8d8d8;
border-radius: 8px;
font-weight: 700;
text-decoration: none !important
}

#modal-link a {
text-decoration: none !important;
color: #000 !important
}

#modal-link a:hover {
color: rgba(4, 112, 162, .976) !important
}

@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0
}

to {
top: 0;
opacity: 1
}
}

@keyframes animatetop {
from {
top: -300px;
opacity: 0
}

to {
top: 0;
opacity: 1
}
}

.close {
color: #fff;
float: right;
font-size: 48px;
font-weight: 700
}

.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer
}

.modal-header {
padding: 2px 16px;
background-color: #595959;
color: #f7f7f7f3;
text-align: center;
font-size: 1.5em
}

.modal-body {
padding: 2px 16px
}

.modal-footer {
padding: 20px 20px 20px 20px;
background-color: #595959;
color: #f7f7f7f3;
text-align: center !important;
font-weight: 700
}
82 changes: 55 additions & 27 deletions velfields/RabinovichFabrikant/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,67 @@
<html>
<title>Rabinovich-Fabrikant attractor</title>
<head>
<meta charset="UTF-8">

<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="../libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.dom.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.easycam.min.js"></script>
<script language="javascript" type="text/javascript" src="rabinovichfabrikant.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/dat.gui.min.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->

<!-- This line removes any default padding and style.
<title>Rabinovich-Fabrikant attractor</title>

<head>
<meta charset="UTF-8">

<!-- PLEASE NO CHANGES BELOW THIS LINE (UNTIL I SAY SO) -->
<script language="javascript" type="text/javascript" src="../libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.dom.min.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/p5.easycam.min.js"></script>
<script language="javascript" type="text/javascript" src="rabinovichfabrikant.js"></script>
<script language="javascript" type="text/javascript" src="../libraries/dat.gui.min.js"></script>
<!-- OK, YOU CAN MAKE CHANGES BELOW THIS LINE AGAIN -->

<!-- This line removes any default padding and style.
You might only need one of these values set. -->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="https://jcponce.github.io/images/icon/infinity32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://jcponce.github.io/images/icon/infinity16.png" sizes="16x16">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="https://jcponce.github.io/images/icon/infinity32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://jcponce.github.io/images/icon/infinity16.png" sizes="16x16">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JPYTNF6MB4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-JPYTNF6MB4');
</script>
</head>

<body>
<div id="easycamhud" class="hud unselectable">
<h3>Parameters</h3>
<div>
<ul id="hud-left" class="two"></ul>
<ul id="hud-right" class="two"></ul>
</head>

<body>
<div id="easycamhud" class="hud unselectable">
<h3>Parameters</h3>
<div>
<ul id="hud-left" class="two"></ul>
<ul id="hud-right" class="two"></ul>
</div>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close">&times;</span><br />
<strong>👋 Hello!</strong>
</div>
<div class="modal-body">

<div w3-include-html="../libraries/message.html"></div>

</div>
<div class="modal-footer">
Thank you! 🙏 I highly appreciate your support! 🤗
</div>
</div>
</body>
</html>

</div>
<!-- The Modal ends -->

<div class="support">
<p>❤️ Support in <a href="https://www.patreon.com/jcponce">Patreon</a></p>
</div>

<script language="javascript" type="text/javascript" src="../libraries/message.js"></script>
</body>

</html>
Loading

0 comments on commit 0ede41c

Please sign in to comment.