Coder Social home page Coder Social logo

oursky-web's People

Contributors

chpapa avatar dependabot[bot] avatar frankyhangmyself avatar hochiw avatar koskosm avatar rickmak avatar royuen avatar royuen-oursky avatar

Stargazers

avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

elly0t hochiw jhihruei tensiuyan

oursky-web's Issues

[Enquiry] Company should be a free text field

Testing device: iPhone SE 2 (13.6.1)
Testing browser: Safari

Steps to reproduce:

  1. Go to home page
  2. Click Let’s talk
  3. See Enquiry form
  4. Try to fill in client Company name, can only input numbers

Expected result:
Should be able to enter free text

28906735-8535-48ED-A1EF-4B8ADB4FE982

Check old browser and ask to upgrade

Please use this script from https://browser-update.org/

<script> 
var $buoop = {required:{e:-4,f:-3,o:-3,s:-1,c:-3},insecure:true,api:2020.08 }; 
function $buo_f(){ 
 var e = document.createElement("script"); 
 e.src = "//browser-update.org/update.min.js"; 
 document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>

Update missing icons

Homepage

Case Studies

  • Musicmap gif banner
    image.png

Case Studies/Snaptee

  • Snaptee banner
    image.png

Case Studies/HL Insurance

  • HL Insurance banner
    image.png

Case Studies/MusicMap

  • MusicMap banner
    image.png

Case Studies/Wilson Parking

  • Wilson Parking banner
    image.png

Microservices

  • Helm logo
  • Github Runner logo
  • Travis logo
  • Github actions logo
    image.png

Products
https://oursky2020.netlify.app/mobile

Shall make these 2 images brighter?

Screenshot 2020-08-26 at 11.01.54 PM.png

Tech Page
Screenshot 2020-08-27 at 1 11 33 PM

Revamp the enquiry form

  • Change "Hello" to "Get in touch"
  • Change "Fill in the form below to reach us" to "Got a project you're excited about and think we can help?"
  • Remove "which of the following services do you need" and "Project Name"
  • Change "Contact Person" to "Name"
  • Change "Phone" to "Phone No."
  • Add "Company" after Contact Person and required
  • Change "Project Summary" to "How Can We Help?"
  • Remove "Any documents for us to go through"

Also need to create a backend API

CICD to S3 & Cloudfront

  • Push code to production branch shall auto deploy to target S3 bucket
  • Update oursky.com cloudfront to point to oursky.com (only when all changes are confirmed)

Upgrade to Panini v2.0

Very minor issue.

Currently in Panini v.1.7.1, the latest stable version(as of 20-08-2020), the conditional component rendering syntax #ifpage doesn't seem to support an else block. As a result it forces us to combine both #ifpage and #unlesspage to achieve page specific partial component rendering.

{{#ifpage 'page 1'}}
    <h4>This is page 1</h4>
{{/ifpage}}
{{#unlesspage 'page 1'}}
    <h4> Any page but page 1</h4>
{{/unlesspage}}

In Panini v2.0 this is renewed to a more generic syntax currentPage, which introduces a cleaner way to achieve the same result.

{{#if (currentPage 'cases')}}
    <h4> This is page 1</h4>
{{else}}
    <h4> Any page but page 1</h4>
{{/if}}

However, Panini v2.0 is still at alpha at this point so it would be nice if someone would update it when the stable version gets released.

[Analytics] Add analytics code 


<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-29126788-1', 'auto');
  ga('send', 'pageview');
</script>


<!-- Linkedin Insight tags -->
<script type="text/javascript">
_linkedin_data_partner_id = "202275";
</script><script type="text/javascript">
(function(){var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})();
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=202275&fmt=gif" />
</noscript>

<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1054259728;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1054259728/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', '1688086108140799');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1688086108140799&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

<script async defer data-domain="oursky.com" src="https://stats.oursky.com/js/index.js"></script>

Update file structure for case studies pages

Currently the root page for the case studies page is located at
{{root}}/cases.html
while at the same time we have a subfolder served at
{{root}}/cases

While this is working for netlify(probably with rewrite rules or it just works), this could potentially create conflicts for some filesystems (at least it did for me).

As a workaround we can move the cases.html into the /cases folder and rename it to index.html but it seems like some of the styles, i.e header styles, are depending to the html name. So we will need to rework on those styles if we are to implement this.

[Mobile, Navigation menu] Inconsistency of navigation menu options in web and mobile

Build: Staging
Device: Chrome on win 10, iPhone 6s+ (13.5.1)

Step:

  1. Open the website in desktop/mobile devices
  2. Open the navigation menu in mobile devices, compare with the options of navigation header in web
  3. See the following differences:
  • the titles of the navigators under the tab 'Services' are different
  • 'Work with us' vs 'Start your project'
  • Missing 'about us' option under 'about us' tab

Screenshots:
image
image
Screenshot_20200827-195232

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.