The ralphdrake.com from ralphorama

Populate info section by parsing a JSON file

The current info section could be pretty hard to update in the future. As it stands, each entry looks like:

<!-- Notes on SamSchindler.com -->
<tr>
  <!-- Name -->
  <td>&bull; <a href="http://samschindler.com">samschindler.com</a></td>
  <!-- Accomplishments -->
  <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam imperdiet eleifend dolor, ut pellentesque neque sagittis a. Vivamus congue felis quis varius tristique. Nulla facilisi. Nulla laoreet, turpis in dapibus iaculis, sem elit sagittis lectus, vitae vehicula nulla odio quis justo. Phasellus quam urna, ultrices scelerisque sapien ut, porta vehicula felis. Nulla vel magna bibendum, tincidunt eros non, dignissim leo. Nulla pretium ex sed consequat rhoncus. Maecenas eu justo quam. Phasellus quis eleifend felis. Nam nec dui id nibh blandit rhoncus et ac nibh. Mauris tempor sit amet libero quis viverra. Suspendisse ut finibus enim.</td>
  <!-- Notes -->
  <td>
    <ul>
      <li>An initial version of the site was created from scratch before switching to the WordPress setup that is active now.</li>
      <li></li>
      <li></li>
    </ul>
  </td>
</tr>

I should write some JavaScript that could parse a JSON file that looks like:

{
    "samschindler.com": {
        "accomplishments": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam imperdiet eleifend dolor, ut pellentesque neque sagittis a. Vivamus congue felis quis varius tristique. Nulla facilisi. Nulla laoreet, turpis in dapibus iaculis, sem elit sagittis lectus, vitae vehicula nulla odio quis justo. Phasellus quam urna, ultrices scelerisque sapien ut, porta vehicula felis. Nulla vel magna bibendum, tincidunt eros non, dignissim leo. Nulla pretium ex sed consequat rhoncus. Maecenas eu justo quam. Phasellus quis eleifend felis. Nam nec dui id nibh blandit rhoncus et ac nibh. Mauris tempor sit amet libero quis viverra. Suspendisse ut finibus enim.",
        "notes": {
            "1": "Here's a note",
            "2": "Here's a second note.",
            "3": "Only 3 notes in this example, but the script should handle an arbitrary number of notes."
        }
    }
}

Navigation arrow in Projects section doesn't trigger smooth scroll

For whatever reason, the nav arrow for the 'projects' section doesn't trigger the smooth scroll behavior. Instead, it immediately jumps to the 'about' section.

Fix projects section to render correctly on mobile

Mobile layout for the table currently looks like this:

Ideally, I'd want it to look like this:

ralphorama / ralphdrake.com Goto Github PK

ralphdrake.com's People

Contributors

Watchers

ralphdrake.com's Issues

Populate info section by parsing a JSON file

Navigation arrow in Projects section doesn't trigger smooth scroll

Fix projects section to render correctly on mobile

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent