Code Monkey home page Code Monkey logo

edricchan03.github.io's Introduction

About

This branch contains the source code for version 2 of the personal website.

Version 2 will use Material Components for the web and utilise GitHub Actions for the deploying to the master branch.

edricchan03.github.io's People

Contributors

dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar edricchan03 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

edricchan03.github.io's Issues

Readd preference dialog

The preference dialog has no use at all since it's not even working! 😞

Preference Dialog

Thus, the preference dialog should be removed.

[Feature] Convert page to Angular

TODO

  • Redesign page for Angular Material
  • Add Angular Router
  • Add project pages
  • Add blog? (potentially)
  • Add PWA support
  • Dynamic title

[Bug] Clicking on a link breaks the app

Expected behaviour

The app should have routed to the correct URL.

Actual behaviour

Nothing happens

Other specs

  • OS Version: macOS Sierra 10.12.5 (16F73)
  • Browser: Chrome 59.0.3071.115 (64-bit)

[Bug] Error in dependencies.js

Expected behaviour

Toolbar should have loaded

Actual behaviour

Toolbar does not load <site-toolbar></site-toolbar> and <blog-toolbar></blog-toolbar>

Other specs

  • OS Version: All versions
  • Site: All sites that have dependencies.js as a <script src="/js/site/dependencies.js"></script>
  • Browser: All browsers
  • Stacktrace:
angular.min.js:40: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=DefaultApp&p1=Error…F%2Fchan4077.github.io%2Fjs%2Fangular%2F1.5.8%2Fangular.min.js%3A317%3A386
    at angular.min.js:40
    at q (angular.min.js:7)
    at g (angular.min.js:39)
    at cb (angular.min.js:43)
    at c (angular.min.js:20)
    at fe (angular.min.js:20)
    at angular.min.js:317
    at HTMLDocument.b (angular.min.js:189)
    at Sf (angular.min.js:37)
    at HTMLDocument.d (angular.min.js:37)

Notes:

Caused by #29 where <blog-toolbar></blog-toolbar> is expected to be added but there are extra brackets in 603e314#diff-26624e59995432efba92a30671a5320bR183

[Blog] Add native sharing support

There should be a way to use the navigator.share to share the current page natively on Android/other platforms.

Here's a code snippet of the functionality:

// Check if navigator.share is supported
$scope.share = (webUrl)=> {
    if (navigator.share !== undefined) {
        navigator.share({
            title: document.title,
            text: `Check out this page about ${document.title}!`,
            url: webUrl
    }).then(()=> console.log("Successfully shared current page."))
        .catch((error) => console.error("Error sharing current page: ", error));
    } else {
        alert("To share natively, please enable the 'Experimental Web Platform Features' flag in chrome://flags.")
    }
}

And it can be called by a button:

<md-button ng-click="share()">Share</md-button>

There should also be an option to share natively in the share FAB as well.

Migrate to an SSG

Overview

Personally, I find that Ruby development locally is pretty slow with my site particularly, with build times of about ~30 seconds, resulting in a slow developer experience from having to modify and verify my code changes.

Technologies I've tried

I've tried SvelteKit so far, and personally: I love it! From its intuitive file-based routes, to having used it for a few projects now (mw3-playground, as well as a private project I've been working on for someone), I can say that I'll probably stick with it for future projects.

Alternatives

Perhaps I could consider looking into other JamStack-based generators (of which there seem to be 351 at the time of writing) that suit my interests.

I've heard of such generators including Hugo and Gatsby, and will consider if they are good viable alternatives.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.