Skip to content

Commit df21f5d

Browse files
committed
songs
1 parent ce478a8 commit df21f5d

File tree

8 files changed

+1091
-2
lines changed

8 files changed

+1091
-2
lines changed

blog/assets/songs/alrighty.jpeg

119 KB
Loading

blog/assets/songs/bored.jpg

42.4 KB
Loading

blog/assets/songs/crawl.jpeg

144 KB
Loading

blog/assets/songs/forever.jpg

54.6 KB
Loading

blog/assets/songs/kimbal.jpg

217 KB
Loading

blog/assets/songs/work-it.jpg

63 KB
Loading

blog/css/main.css

Lines changed: 978 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

blog/index.html

Lines changed: 113 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,113 @@
1-
<!DOCTYPE html><html><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>steven.codes</title><meta name="description" content="I post here about some of the things I'm working on. "><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Bitter:400,700" rel="stylesheet"> <!--<link rel="stylesheet" href="/blog/css/main.css"> --><link rel="stylesheet" href="/blog/css/main.css?v=2.0"><link rel="canonical" href="http://steven.codes/blog/"><link rel="alternate" type="application/rss+xml" title="steven.codes" href="http://steven.codes/blog/feed.xml"></head><body><div class="page-content"><div class="callout"> <a class="site-title" href="/blog/">steven<br>.codes</a><div style="margin-top:50px;font-family:Roboto Mono;font-weight:400;"><p> I'm Steven. I write about a slice of the things I'm doing and put them here. Feel free to reach out via YouTube direct message.</p><p class="links"> <a href="https://github.com/straversi" style="text-decoration:none;border-bottom:2px solid #ccc;">github</a> <br> <a href="https://www.youtube.com/channel/UCA6486b13Lm612rkzu4TQZA" style="text-decoration:none;border-bottom:2px solid #ccc;">youtube</a></p></div></div><div class="posts"> <!-- condition never true if using paginator w/ 'published' tag --> <a href="https://steven.codes/oscilloscope"><div class="theme-card" id="oscilloscope" style="background: url('assets/posts/oscilloscope/teaser.jpg');"><div class="theme-description"><div class="theme-title"><span>Oscilloscope</span></div><p> An oscilloscope, on the web.</p></div></div></a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/cloth-simulation/"><div class="theme-card" id="cloth-simulation" style="background: url('assets/posts/cloth-simulation/cloths.png'), linear-gradient(#42A5F5, #42A5F5);"> <!--EF5350--><div class="theme-description"><div class="theme-title"><span>Cloth Simulation</span></div><p> A project I did during my graphics class at Cal. <br><br> I wrote some code to represent a cloth. Then I wrote some code to simulate physical forces acting on that cloth.</p></div></div></a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/face-morphing/"><div class="theme-card" id="face-morphing" style="background:linear-gradient(to right,rgba(33,33,33,1.0),rgba(0,0,0,0.0)),url('assets/posts/face-morphing/teaser-shot.jpg'); background-size: cover; background-repeat:no-repeat; background-position:right center;"><div class="theme-description"><div class="theme-title"> <span>Face Morphing</span></div><p> Smoothly morphing images with Python and a bit of linear algebra. <br> <br> You're going to want your face morphed too.</p></div></div></a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/gradient-domain-fusion/"><div class="theme-card" id="gradient-domain" style="background:linear-gradient(to right,rgba(33,33,33,1.0),rgba(0,0,0,0.0)),url('assets/posts/gradient-domain-fusion/graffiti/graffiti.jpg'); background-size: cover; background-repeat:no-repeat; background-position:center center;"><div class="theme-description"><div class="theme-title"><span>Gradient Domain Fusion</span></div><p>Results from a project I did during my image manipulation course with Alexei Efros. <br> <br> Math heavy, but fun!</p></div></div></a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/cs10/curses-tutorial/"><div class="theme-card" id="curses-tutorial" style="background:url('assets/posts/cs10/curses-tutorial/python.png'); background-size: cover; background-position: center top"><div class="theme-description"><div class="theme-title"><span>Curses Tutorial</span></div><div class="theme-detail"><p> Learn the basics of Python's curses library. <br><br> This was written for some CS10 students.</p></div></div></div></a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/hello-world-in-HOtMEfSPRIbNG/"><div class="theme-card" id="homespring" style="background:url('assets/posts/hello-world-in-HOtMEfSPRIbNG/alchemy.png');"><div class="theme-description"><div class="theme-title"><span>Hello World in HOtMEfSPRIbNG</span></div><p> My take on Hello World in this esoteric metaphor-oriented language. <br> <br> This language is really crazy.</p></div></div></a> <!-- pagination buttons --><div id="paginator-container"> <span class="paginate-button hidden"> </span> <a href="/blog/2/" class="paginate-button"> Older posts &gt; </a></div></div></div></body></html>
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<title>steven.codes</title>
9+
<meta name="description" content="I post here about some of the things I'm working on. ">
10+
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet">
11+
<link href="https://fonts.googleapis.com/css?family=Bitter:400,700" rel="stylesheet">
12+
<!--<link rel="stylesheet" href="/blog/css/main.css"> -->
13+
<link rel="stylesheet" href="/blog/css/main.css?v=2.0">
14+
<link rel="canonical" href="http://steven.codes/blog/">
15+
<link rel="alternate" type="application/rss+xml" title="steven.codes" href="http://steven.codes/blog/feed.xml">
16+
</head>
17+
18+
<body>
19+
<div class="page-content">
20+
<div class="callout"> <a class="site-title" href="/blog/">steven<br>.codes</a>
21+
<div style="margin-top:50px;font-family:Roboto Mono;font-weight:400;">
22+
<p> I'm Steven. I write about a slice of the things I'm doing and put them here. Feel free to reach out via
23+
YouTube direct message.</p>
24+
<p class="links"> <a href="https://github.com/straversi"
25+
style="text-decoration:none;border-bottom:2px solid #ccc;">github</a> <br> <a
26+
href="https://www.youtube.com/channel/UCA6486b13Lm612rkzu4TQZA"
27+
style="text-decoration:none;border-bottom:2px solid #ccc;">youtube</a></p>
28+
</div>
29+
<div class="songs">
30+
<a href="https://open.spotify.com/track/0uwbhRjoItKPn4YLp0n4vd?si=41aad7239d4b4286" target="_blank">
31+
<div class="song" style="background-image: url('assets/songs/forever.jpg');"></div>
32+
</a>
33+
<a href="https://open.spotify.com/track/6SMhT17J7qO0VD3UNXww8Q?si=6ff2c9a21ccf47cd" target="_blank">
34+
<div class="song" style="background-image: url('assets/songs/kimbal.jpg');"></div>
35+
</a>
36+
<a href="https://open.spotify.com/track/0PicuPCfXDJyyRtOR1ukGW?si=7d4995fb8d954de7" target="_blank">
37+
<div class="song" style="background-image: url('assets/songs/bored.jpg');"></div>
38+
</a>
39+
<a href="https://open.spotify.com/track/6OiRh4kttAs1YWglvTcYkB?si=43391ea1e69340c4" target="_blank">
40+
<div class="song" style="background-image: url('assets/songs/alrighty.jpeg');"></div>
41+
</a>
42+
<a href="https://open.spotify.com/track/6WfL1pwMyFf3IvFWLnre4P?si=81bc4f0a51e54f0b" target="_blank">
43+
<div class="song" style="background-image: url('assets/songs/work-it.jpg');"></div>
44+
</a>
45+
<a href="https://open.spotify.com/track/3ZP4RA6HLfXqkdrSd3tVjP?si=311bff122fb84a90" target="_blank">
46+
<div class="song" style="background-image: url('assets/songs/crawl.jpeg');"></div>
47+
</a>
48+
</div>
49+
</div>
50+
<div class="posts"> <!-- condition never true if using paginator w/ 'published' tag --> <a
51+
href="https://steven.codes/oscilloscope">
52+
<div class="theme-card" id="oscilloscope" style="background: url('assets/posts/oscilloscope/teaser.jpg');">
53+
<div class="theme-description">
54+
<div class="theme-title"><span>Oscilloscope</span></div>
55+
<p> An oscilloscope, on the web.</p>
56+
</div>
57+
</div>
58+
</a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/cloth-simulation/">
59+
<div class="theme-card" id="cloth-simulation"
60+
style="background: url('assets/posts/cloth-simulation/cloths.png'), linear-gradient(#42A5F5, #42A5F5);">
61+
<!--EF5350-->
62+
<div class="theme-description">
63+
<div class="theme-title"><span>Cloth Simulation</span></div>
64+
<p> A project I did during my graphics class at Cal. <br><br> I wrote some code to represent a cloth. Then I
65+
wrote some code to simulate physical forces acting on that cloth.</p>
66+
</div>
67+
</div>
68+
</a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/face-morphing/">
69+
<div class="theme-card" id="face-morphing"
70+
style="background:linear-gradient(to right,rgba(33,33,33,1.0),rgba(0,0,0,0.0)),url('assets/posts/face-morphing/teaser-shot.jpg'); background-size: cover; background-repeat:no-repeat; background-position:right center;">
71+
<div class="theme-description">
72+
<div class="theme-title"> <span>Face Morphing</span></div>
73+
<p> Smoothly morphing images with Python and a bit of linear algebra. <br> <br> You're going to want your
74+
face morphed too.</p>
75+
</div>
76+
</div>
77+
</a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/gradient-domain-fusion/">
78+
<div class="theme-card" id="gradient-domain"
79+
style="background:linear-gradient(to right,rgba(33,33,33,1.0),rgba(0,0,0,0.0)),url('assets/posts/gradient-domain-fusion/graffiti/graffiti.jpg'); background-size: cover; background-repeat:no-repeat; background-position:center center;">
80+
<div class="theme-description">
81+
<div class="theme-title"><span>Gradient Domain Fusion</span></div>
82+
<p>Results from a project I did during my image manipulation course with Alexei Efros. <br> <br> Math heavy,
83+
but fun!</p>
84+
</div>
85+
</div>
86+
</a> <!-- condition never true if using paginator w/ 'published' tag --> <a href="/blog/cs10/curses-tutorial/">
87+
<div class="theme-card" id="curses-tutorial"
88+
style="background:url('assets/posts/cs10/curses-tutorial/python.png'); background-size: cover; background-position: center top">
89+
<div class="theme-description">
90+
<div class="theme-title"><span>Curses Tutorial</span></div>
91+
<div class="theme-detail">
92+
<p> Learn the basics of Python's curses library. <br><br> This was written for some CS10 students.</p>
93+
</div>
94+
</div>
95+
</div>
96+
</a> <!-- condition never true if using paginator w/ 'published' tag --> <a
97+
href="/blog/hello-world-in-HOtMEfSPRIbNG/">
98+
<div class="theme-card" id="homespring"
99+
style="background:url('assets/posts/hello-world-in-HOtMEfSPRIbNG/alchemy.png');">
100+
<div class="theme-description">
101+
<div class="theme-title"><span>Hello World in HOtMEfSPRIbNG</span></div>
102+
<p> My take on Hello World in this esoteric metaphor-oriented language. <br> <br> This language is really
103+
crazy.</p>
104+
</div>
105+
</div>
106+
</a> <!-- pagination buttons -->
107+
<div id="paginator-container"> <span class="paginate-button hidden"> </span> <a href="/blog/2/"
108+
class="paginate-button"> Older posts &gt; </a></div>
109+
</div>
110+
</div>
111+
</body>
112+
113+
</html>

0 commit comments

Comments
 (0)