-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (116 loc) · 8.84 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<head>
<meta name="generator" content="Hugo 0.26" />
<title>rickyrombo | rickyrombo</title>
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='css/lib/font-awesome/css/font-awesome.min.css' rel='stylesheet'>
<link href='css/global.css' rel='stylesheet'>
</head>
<body>
<div id="app">
<nav class="rr-navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<a class="brand push-state" href="/">rickyrombo</a>
<button type="button" class="navbar-toggle collapsed" data-target=".rr-collapseable" class="rr-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<ul class="rr-nav rr-nav-main rr-collapseable no-redirect">
<li><a class="push-state" href="music">music</a></li>
<li><a class="push-state" href="/series/intro-to-edm">intro to edm</a></li>
<li><a class="push-state" href="favorites">favorites</a></li>
<li><a class="push-state" href="followings">followings</a></li>
<li><a class="push-state" href="about">about</a></li>
</ul>
<ul class="rr-nav rr-nav-social rr-collapseable">
<li>
<a target="_blank" href="http://soundcloud.com/rickyrombo" title="RickyRombo on Soundcloud">
<i class="fa fa-soundcloud"></i><span class="social-text visible-xs-inline">soundcloud</span>
</a>
</li>
<li>
<a target="_blank" href="http://facebook.com/therickyrombo" title="RickyRombo on Facebook">
<i class="fa fa-facebook"></i><span class="social-text visible-xs-inline">facebook</span>
</a>
</li>
</ul>
</div>
</nav>
<div id="wrapper">
<div id="content" class="content">
<header class="header">
<div class="row">
<div class="col col-md-9">
<div class="page-title">
<h1><span id="singular"> </span> <span id="title" data-id="" data-type="page">rickyrombo</span></h1>
<p><span id="description"></span></p>
</div>
</div>
<div class="col col-md-3">
<div class="page-tagline">
<p>
<span id="date"></span>
</div>
</div>
</div>
</header>
<div id="main">
<section>
<h2>Recent Posts</h2>
<ul class="post-listing">
<li class="post-li">
<h3><a title="Bugfixes!" href="#/posts/bugfixes-9-11-2017/">Bugfixes!</a></h3>
<span class="post-date">September 11, 2017</span>
<p>There’s been quite a few updates today:
Added Disqus for commenting (honestly don’t expect a whole lot but we’ll see!) Added “tags” taxonomy (look, this post has “meta-website” as a tag!) Updated “series” taxonomy to have a description and a page to view all series (don’t get too excited, there’s only one) Ordered the series taxonomy by date ascending, to get chronological order Added date back to the post listing Added a line between post listings and more clear spacing As well as some bugs fixed: <a title="Bugfixes!" href="#/posts/bugfixes-9-11-2017/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="Introduction to Electro House Music - Intro to EDM" href="#/posts/intro-to-edm/electro-house/">Introduction to Electro House Music - Intro to EDM</a></h3>
<span class="post-date">January 12, 2017</span>
<p>Electro house is similar to progressive house, at least the newer, “pop” version of progressive house that I call mainroom house. It hits harder, is made more for clubs and DJing, and has a lot more synthetic sounds. There’s not as much of a “layering” that happens. Usually all the sounds jump in very quickly or all at once. In my opinion, the best way to decide if a song is electro house or progressive house is to evaluate how “human” or “electronic” it sounds. <a title="Introduction to Electro House Music - Intro to EDM" href="#/posts/intro-to-edm/electro-house/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="Introduction to Progressive House Music - Intro to EDM" href="#/posts/intro-to-edm/progressive-house/">Introduction to Progressive House Music - Intro to EDM</a></h3>
<span class="post-date">January 7, 2017</span>
<p>Progressive house is probably the most popular and most produced form of electronic music outside of the broader genre of dance. Take a look at the massive list of progressive house producers and you’ll probably see a lot of names you’ll recognize: deadmau5, Zedd, The Chainsmokers, Kaskade, Swedish House Mafia, and many others. It’s my personal favorite subgenre of house.
The “drop” of progressive house tracks (if applicable) generally emphasizes a melody instead of a percussion or kick. <a title="Introduction to Progressive House Music - Intro to EDM" href="#/posts/intro-to-edm/progressive-house/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="Introduction to House Music - Intro to EDM" href="#/posts/intro-to-edm/house/">Introduction to House Music - Intro to EDM</a></h3>
<span class="post-date">December 28, 2016</span>
<p>House music generally sits at 125-130bpm (usually 128bpm). It’s drum pattern is fairly repetitive, with a kick on every quarter note and a snare or clap on every half note (which is optional - not all house music has the snare/clap). The drum pattern is referred to as “four on the floor,” which I’ve assumed is because it’s hitting the kick on each of the four beats per measure in the 4⁄4 time signature and the kick pedal and drum sit on the floor in a real drum kit, but I don’t know the actual reason. <a title="Introduction to House Music - Intro to EDM" href="#/posts/intro-to-edm/house/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="An Introduction to Electronic Dance Music" href="#/posts/intro-to-edm/main/">An Introduction to Electronic Dance Music</a></h3>
<span class="post-date">November 13, 2016</span>
<p>So you’ve heard your friends talking about EDM, or electronic dance music. Maybe they were going to a music festival like Coachella or Ultra. Maybe they DJ or produce some music. But your friends have shown you different music, and you’re confused. What is EDM? Those songs don’t sound the same.
Or maybe you’re on the opposite side of the spectrum. Perhaps everything does sound the same. One friend says “I like dubstep,” and your other friend says “I like tropical house. <a title="An Introduction to Electronic Dance Music" href="#/posts/intro-to-edm/main/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="site rebuilt from the ground up" href="#/posts/react-js/">site rebuilt from the ground up</a></h3>
<span class="post-date">November 13, 2016</span>
<p>As I was starting my new series, I noticed a few things on my website weren’t working. I also noticed that my SoundCloud API was old which was likely part of the problem. In the process of fixing things, I decided this would be a good opportunity for me to learn ReactJS and just rebuild my website as a React website.
So I did, and it took me a good chunk of a week. <a title="site rebuilt from the ground up" href="#/posts/react-js/">... Read More</a></p>
</li>
<li class="post-li">
<h3><a title="A New Home" href="#/posts/new-website/">A New Home</a></h3>
<span class="post-date">June 16, 2015</span>
<p><p>I’m currently in the process of moving my website from PHP/MySQL with <a href="http://laravel.com" target="_blank">Laravel</a> to a static site using <a href="http://gohugo.io" target="_blank">Hugo</a>. Pretty soon, <a href="http://rickyrombo.com" target="_blank">rickyrombo.com</a> will point to this GitHub page instead of going to some folder on <a href="http://awestruckdesign.com" target="_blank">AwestruckDesign</a> or website on <a href="http://heroku.com" target="_blank">Heroku</a>.
I’ve also been thinking of ways to improve the website. Some things on the list:</p> <a title="A New Home" href="#/posts/new-website/">... Read More</a></p>
</li>
</ul>
</section>
</div>
<footer id="footer" class="footer">
<p>All cover art and music is provided using <a target="_blank" title="Soundcloud.com" href="http://soundcloud.com">Soundcloud</a>
Background cover art are those of <a target="_blank" title="View on Soundcloud" href="http://soundcloud.com/rickyrombo/favorites">RickyRombo's favorites</a></p>
<p>Copyright ©2015 Marcus Pasell - All Rights Reserved</p>
</footer>
</div>
</div>
</div>
<script type="application/javascript" src="bundle.js"></script>
</body>