summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--index.html53
-rw-r--r--script.js70
2 files changed, 123 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5dce83d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>lambda.cx home</title>
+ <style>
+ body {
+ background: black;
+ font-family: monospace;
+ }
+ .bigguy {
+ display: flex;
+ }
+ .lambda {
+ font-family: Andale Mono, monospace;
+ font-size: 12px;
+ display: inline-block;
+ }
+ .linkbox {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+ }
+ .links {
+ font-size: 16px;
+ display: inline-block;
+ }
+ .links > span {
+ color: white;
+ }
+ @media only screen and (max-width: 440px) {
+ .bigguy {
+ display: block;
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <div class="bigguy">
+ <pre class="lambda"></pre>
+ <div class="linkbox">
+ <div class="links">
+ <span>==&gt; </span><a href="https://blog.lambda.cx">blog</a><br/>
+ <span>==&gt; </span><a href="https://github.com/dantecatalfamo">github</a>
+ </div>
+ </div>
+ </div>
+ <script src="script.js"></script>
+ </body>
+</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..85037c3
--- /dev/null
+++ b/script.js
@@ -0,0 +1,70 @@
+function coss(height, width, theta) {
+ let amplitude = height/2;
+ let period = width;
+ let dx = Math.PI/width;
+ let yVal = [];
+ let x = theta;
+
+ for(let i=0;i<width;i++){
+ yVal.push((Math.cos(x)*amplitude)+(height/2));
+ x += dx;
+ }
+ return yVal;
+}
+
+function lamby(height, width, thick) {
+ let out = "";
+ let yvals = coss(height, width, Math.PI);
+ let halfWidth = width/2;
+
+ for(let y=0;y<height;y++){
+ for(let x=0;x<width;x++){
+ let posy = yvals[x];
+ let negy = height-posy;
+ if (Math.abs(posy-y) < thick) {
+ out += "<span style=\"color: hsl("+ (Math.abs(posy-y)/thick*260) +",100%, 50%)\">&lambda;</span>";
+ } else if ((x < halfWidth) && (Math.abs(negy-y) < thick)) {
+ out += "<span style=\"color: hsl("+ (Math.abs(negy-y)/thick*260) +",100%, 50%)\">&lambda;</span>";
+ } else {
+ out += " ";
+ }
+ }
+ out += "\n";
+ }
+ return out;
+}
+
+function putlam(el, height, width, min, max, period) {
+ let amp = max-min;
+ const f = function() {
+ let percent = (Math.sin(((new Date).getTime()/period)) + 1) / 2;
+ let thick = (amp * percent) + min;
+ el.innerHTML = lamby(height, width, thick);
+ };
+ window.setInterval(f, 100);
+}
+
+let lamEl = document.querySelector('.lambda');
+putlam(lamEl, 45, 45, 0.3, 4.5, 450);
+
+
+`
+00
+ 0
+ 0
+ 0 0
+ 0 0
+0 00
+
+0
+ 0
+0 0
+
+_
+ \
+ \
+ /\
+ / \
+ / \
+/ \_
+`;