deploy: 3b2b060

rohitd3 · Jun 5, 2023 · 9f495c9 · 9f495c9
1 parent 6e0bc90
commit 9f495c9
Show file tree

Hide file tree

Showing 5 changed files with 153 additions and 333 deletions.
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
diff --git a/assets/js/search-data.json b/assets/js/search-data.json
@@ -3,7 +3,7 @@
 
         "post0": {
             "title": "JavaScript Practice",
-            "content": "%%html &lt;html&gt; &lt;head&gt; &lt;style&gt; #output { background-color: #f86ddf; padding: 50px; border: 40px solid #1a334f; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;output&quot;&gt; Hello world! &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; . . Hello world! . %%html &lt;html&gt; &lt;head&gt; &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;/head&gt; &lt;style&gt; table { border-collapse: collapse; margin: auto; background-color: black; } th { background-color: black; color: white; padding: 10px; } td { padding: 10px; color: white; } td:nth-child(odd) { background-color: black; } td:nth-child(even) { background-color: black; } tr:nth-child(odd) { background-color: black !important; } tr:nth-child(even) { background-color: black !important; } &lt;/style&gt; &lt;body&gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Planet&lt;/th&gt; &lt;th&gt;Species&lt;/th&gt; &lt;/tr&gt; &lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt; &lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt;&lt;tr class = &quot;data-row&quot;&gt;&lt;/tr&gt; &lt;/table&gt; &lt;script&gt; const starwars = { &quot;async&quot;: true, &quot;crossDomain&quot;: true, &quot;url&quot;: &quot;https://star-wars-characters.p.rapidapi.com/46DYBV/star_wars_characters&quot;, &quot;method&quot;: &quot;GET&quot;, &quot;headers&quot;: { &quot;X-RapidAPI-Key&quot;: &quot;bf09b94566msh22c602dfe97bd97p19c2fajsn1d42e34f8724&quot;, &quot;X-RapidAPI-Host&quot;: &quot;star-wars-characters.p.rapidapi.com&quot; } }; // object is being intialized and contains //the url, rapid api key and host, method: GET // ajax lets us to load the data without needing to reload the page $.ajax(starwars).done(function (response) { console.log(response); // main method that requests the data from the server for (var i = 0; i &lt; response.length; i++) { // having i &lt; response.length lets me display all // the data but it depends on how much table space I have var newDataName = document.createElement(&quot;td&quot;); // where the data will be shown in the data newDataName.innerHTML = response[i].name; var newDataHomeworld = document.createElement(&quot;td&quot;); newDataHomeworld.innerHTML = response[i].homeworld; var newDataSpecies = document.createElement(&quot;td&quot;); newDataSpecies.innerHTML = response[i].species; $(&quot;.data-row&quot;).eq(i).append(newDataName) $(&quot;.data-row&quot;).eq(i).append(newDataHomeworld) $(&quot;.data-row&quot;).eq(i).append(newDataSpecies) } } ); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; . . Name Planet Species . . . . . . . . %%html &lt;html&gt; &lt;head&gt; &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css&quot;&gt; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js&quot;&gt;&lt;/script&gt; &lt;style&gt; table { border-collapse: collapse; margin: auto; background-color: black; } th { background-color: black; color: white; padding: 10px; } td { padding: 10px; color: white; } td:nth-child(odd) { background-color: black; } td:nth-child(even) { background-color: black; } tr:nth-child(odd) { background-color: black !important; } tr:nth-child(even) { background-color: black !important; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;table id=&quot;starWarsTable&quot;&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Planet&lt;/th&gt; &lt;th&gt;Species&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt;&lt;/tbody&gt; &lt;/table&gt; &lt;script&gt; $(document).ready(function() { var starWarsAPI = { &quot;async&quot;: true, &quot;crossDomain&quot;: true, &quot;url&quot;: &quot;https://star-wars-characters.p.rapidapi.com/46DYBV/star_wars_characters&quot;, &quot;method&quot;: &quot;GET&quot;, &quot;headers&quot;: { &quot;X-RapidAPI-Key&quot;: &quot;bf09b94566msh22c602dfe97bd97p19c2fajsn1d42e34f8724&quot;, &quot;X-RapidAPI-Host&quot;: &quot;star-wars-characters.p.rapidapi.com&quot; } }; # STAR WARS API $.ajax(starWarsAPI).done(function (response) { console.log(response); var table = $(&#39;#starWarsTable&#39;).DataTable({ data: response, columns: [ { data: &#39;name&#39; }, { data: &#39;homeworld&#39; }, { data: &#39;species&#39; } ] }); $(&#39;#starWarsTable thead th&#39;).each(function () { var title = $(this).text(); $(this).html(&#39;&lt;input type=&quot;text&quot; placeholder=&quot;Search &#39; + title + &#39;&quot; /&gt;&#39;); }); table.columns().every(function () { var that = this; $(&#39;input&#39;, this.header()).on(&#39;keyup change&#39;, function () { if (that.search() !== this.value) { that.search(this.value).draw(); } }); }); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; . . Name Planet Species . .",
+            "content": "%%html &lt;html&gt; &lt;head&gt; &lt;style&gt; #output { background-color: #f86ddf; padding: 50px; border: 40px solid #1a334f; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;output&quot;&gt; Hello world! &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; . . Hello world! . %%html &lt;html&gt; &lt;head&gt; &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;!-- DataTables CSS --&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.datatables.net/1.13.3/css/jquery.dataTables.min.css&quot;&gt; &lt;!-- DataTables JavaScript --&gt; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; src=&quot;https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js&quot;&gt;&lt;/script&gt; &lt;style&gt; table { border-collapse: collapse; margin: auto; background-color: black; } th { background-color: black; color: white; padding: 10px; } td { padding: 10px; color: white; } td:nth-child(odd) { background-color: black; } td:nth-child(even) { background-color: black; } tr:nth-child(odd) { background-color: black !important; } tr:nth-child(even) { background-color: black !important; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; # Create an empty table with the id &quot;starWarsTable&quot; &lt;table id=&quot;starWarsTable&quot;&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Planet&lt;/th&gt; &lt;th&gt;Species&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt;&lt;/tbody&gt; &lt;/table&gt; &lt;script&gt; $(document).ready(function() { # Create an object for the Star Wars API request configuration var starWarsAPI = { &quot;async&quot;: true, &quot;crossDomain&quot;: true, &quot;url&quot;: &quot;https://star-wars-characters.p.rapidapi.com/46DYBV/star_wars_characters&quot;, &quot;method&quot;: &quot;GET&quot;, &quot;headers&quot;: { &quot;X-RapidAPI-Key&quot;: &quot;bf09b94566msh22c602dfe97bd97p19c2fajsn1d42e34f8724&quot;, &quot;X-RapidAPI-Host&quot;: &quot;star-wars-characters.p.rapidapi.com&quot; } }; # send request to the Star Wars API $.ajax(starWarsAPI).done(function (response) { console.log(response); # DataTable using the response data var table = $(&#39;#starWarsTable&#39;).DataTable({ data: response, columns: [ { data: &#39;name&#39; }, // Column 1: Name { data: &#39;homeworld&#39; }, // Column 2: Planet { data: &#39;species&#39; } // Column 3: Species ] }); # Add search inputs to each table column header $(&#39;#starWarsTable thead th&#39;).each(function () { var title = $(this).text(); $(this).html(&#39;&lt;input type=&quot;text&quot; placeholder=&quot;Search &#39; + title + &#39;&quot; /&gt;&#39;); }); # Apply the search functionality for each column table.columns().every(function () { var that = this; $(&#39;input&#39;, this.header()).on(&#39;keyup change&#39;, function () { if (that.search() !== this.value) { that.search(this.value).draw(); # event listeners to the search inputs using the .on(&#39;keyup change&#39;) function. # user types or changes the input, it triggers a search on the corresponding table column # using DataTables&#39; search() function the search is performed dynamically as the user types, and the table is # redrawn to display the filtered results. } }); }); }); }); &lt;/script&gt; . . Name Planet Species . &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; .",
             "url": "https://rohitd3.github.io/rohitfastpages/javascript/2023/05/21/javascript.html",
             "relUrl": "/javascript/2023/05/21/javascript.html",
             "date": " • May 21, 2023"

diff --git a/feed.xml b/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.1.1">Jekyll</generator><link href="https://rohitd3.github.io/rohitfastpages/feed.xml" rel="self" type="application/atom+xml" /><link href="https://rohitd3.github.io/rohitfastpages/" rel="alternate" type="text/html" /><updated>2023-06-01T12:33:06-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/feed.xml</id><title type="html">rohitd3’s fastpages</title><subtitle>my fastpages lets gooo</subtitle><entry><title type="html">JavaScript Practice</title><link href="https://rohitd3.github.io/rohitfastpages/javascript/2023/05/21/javascript.html" rel="alternate" type="text/html" title="JavaScript Practice" /><published>2023-05-21T00:00:00-05:00</published><updated>2023-05-21T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/javascript/2023/05/21/javascript</id><author><name></name></author><category term="javascript" /><summary type="html"><![CDATA[]]></summary></entry><entry><title type="html">javascript stuff</title><link href="https://rohitd3.github.io/rohitfastpages/collegeboard/2023/05/19/adiJS.html" rel="alternate" type="text/html" title="javascript stuff" /><published>2023-05-19T00:00:00-05:00</published><updated>2023-05-19T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/collegeboard/2023/05/19/adiJS</id><author><name></name></author><category term="collegeboard" /><summary type="html"><![CDATA[Javascrpit]]></summary></entry><entry><title type="html">JavaScript Tutorial</title><link href="https://rohitd3.github.io/rohitfastpages/techtalk/javascript" rel="alternate" type="text/html" title="JavaScript Tutorial" /><published>2023-05-11T00:00:00-05:00</published><updated>2023-05-11T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/techtalk/javascripttutorial</id><author><name></name></author><category term="C4.0" /><summary type="html"><![CDATA[Quick launch into Variables, Functions, Arrays, Classes, HTML.]]></summary></entry><entry><title type="html">FRQ 2017 Running Code</title><link href="https://rohitd3.github.io/rohitfastpages/java/2023/04/27/frqpractice2017.html" rel="alternate" type="text/html" title="FRQ 2017 Running Code" /><published>2023-04-27T00:00:00-05:00</published><updated>2023-04-27T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/java/2023/04/27/frqpractice2017</id><author><name></name></author><category term="java" /><summary type="html"><![CDATA[Reviewed by Nathan Shih]]></summary></entry><entry><title type="html">Hacks Unit 5,9,10 - Rohit, Nathan, Jun</title><link href="https://rohitd3.github.io/rohitfastpages/java/2023/04/26/labhacks.html" rel="alternate" type="text/html" title="Hacks Unit 5,9,10 - Rohit, Nathan, Jun" /><published>2023-04-26T00:00:00-05:00</published><updated>2023-04-26T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/java/2023/04/26/labhacks</id><author><name></name></author><category term="java" /><summary type="html"><![CDATA[]]></summary></entry></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.1.1">Jekyll</generator><link href="https://rohitd3.github.io/rohitfastpages/feed.xml" rel="self" type="application/atom+xml" /><link href="https://rohitd3.github.io/rohitfastpages/" rel="alternate" type="text/html" /><updated>2023-06-05T04:52:32-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/feed.xml</id><title type="html">rohitd3’s fastpages</title><subtitle>my fastpages lets gooo</subtitle><entry><title type="html">JavaScript Practice</title><link href="https://rohitd3.github.io/rohitfastpages/javascript/2023/05/21/javascript.html" rel="alternate" type="text/html" title="JavaScript Practice" /><published>2023-05-21T00:00:00-05:00</published><updated>2023-05-21T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/javascript/2023/05/21/javascript</id><author><name></name></author><category term="javascript" /><summary type="html"><![CDATA[]]></summary></entry><entry><title type="html">javascript stuff</title><link href="https://rohitd3.github.io/rohitfastpages/collegeboard/2023/05/19/adiJS.html" rel="alternate" type="text/html" title="javascript stuff" /><published>2023-05-19T00:00:00-05:00</published><updated>2023-05-19T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/collegeboard/2023/05/19/adiJS</id><author><name></name></author><category term="collegeboard" /><summary type="html"><![CDATA[Javascrpit]]></summary></entry><entry><title type="html">JavaScript Tutorial</title><link href="https://rohitd3.github.io/rohitfastpages/techtalk/javascript" rel="alternate" type="text/html" title="JavaScript Tutorial" /><published>2023-05-11T00:00:00-05:00</published><updated>2023-05-11T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/techtalk/javascripttutorial</id><author><name></name></author><category term="C4.0" /><summary type="html"><![CDATA[Quick launch into Variables, Functions, Arrays, Classes, HTML.]]></summary></entry><entry><title type="html">FRQ 2017 Running Code</title><link href="https://rohitd3.github.io/rohitfastpages/java/2023/04/27/frqpractice2017.html" rel="alternate" type="text/html" title="FRQ 2017 Running Code" /><published>2023-04-27T00:00:00-05:00</published><updated>2023-04-27T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/java/2023/04/27/frqpractice2017</id><author><name></name></author><category term="java" /><summary type="html"><![CDATA[Reviewed by Nathan Shih]]></summary></entry><entry><title type="html">Hacks Unit 5,9,10 - Rohit, Nathan, Jun</title><link href="https://rohitd3.github.io/rohitfastpages/java/2023/04/26/labhacks.html" rel="alternate" type="text/html" title="Hacks Unit 5,9,10 - Rohit, Nathan, Jun" /><published>2023-04-26T00:00:00-05:00</published><updated>2023-04-26T00:00:00-05:00</updated><id>https://rohitd3.github.io/rohitfastpages/java/2023/04/26/labhacks</id><author><name></name></author><category term="java" /><summary type="html"><![CDATA[]]></summary></entry></feed>