Git Product home page Git Product logo

www's Introduction

Branger_Briz

This is our Branger_Briz homepage

dev notes

This site is built with Nuxt.js, see our Nuxt guide for general Nuxt development notes.

you must first install dependencies npm install

then create store/bbapi.js, which should look something like this:

export default {
    endpoints:[
        'https://[bb-api-url]/[endpoint]/0',
        'https://[bb-api-url]/[endpoint]/1',
        'https://[bb-api-url]/[endpoint]/2',
        'https://[bb-api-url]/[endpoint]/3',
        '[etc.]'
    ]
}

then to run the development server:

npm run dev

to create a build run

npm run build

to run build sever

npm run start

any/all issues/updates should be added as an issue

www's People

Contributors

nbriz avatar povalles avatar pbriz avatar

Stargazers

Binar Web avatar

Watchers

James Cloos avatar  avatar  avatar  avatar  avatar Chris Mora avatar  avatar  avatar

www's Issues

update BB-IE-banner.js

the current BB-IE-banner.js is just a placeholder, we need to update copy/links/style

update CMS data to match new BBElements

we need to update the data on the CMS to use the new BBElements so we can avoid using updateLegacyBBElements.js ( which is an imperfect and temporary development solution ).

once that's complete, make sure all the posts look right ( for example the DOMPurify library used to sanitize user generated content on the CMS might be removing iframes, make sure it's not having any unexpected side effects like that )

Menu hamburger color change

The menu hamburger doesn't change from white to black on the home page (when scrolled over white bg) when in chrome or safari.

discuss home page loading

currently the "ready" boolean in the vue instance (app) isn't being used, but can be if we decide we want to have some kind of placeholder loading page.

Portfolio detail page tag mouseover issue

When you mouseover the tags of a portfolio detail page, the hover state makes the tag rectangle taller and makes the entire bottom part of the page move a bit. Also, the hover should have curser:pointer.

server side rendering of meta tags

in order for social media cards to show up right we'd need the appropriate meta tags in the head of the index page. this means we'll likely need to do a server-side rendering for those

Portfolio/blog search tag vs filter issue

When searching, if you fully type in a word that is a tag (ie "mobile"), and click enter, the search acts a a word filter. The url appends: ?filter=mobile

if instead of typing the full word, you select the tag from the dropdown, the search acts as a tag filter. The url appendsL ?tags=mobile

Although there is some logic to how this works, it can be confusing in use. Its preferable to have it always work as a tag search as long as the word that is searched exists as a tag.

document summary components

document how the work-summary and blog-summary components work, so they can be used in other BB contexts like the labs page

splash page video reel

  • make it shorter/tighter (maybe update w/new work)
  • update "poster" image so it functions as a better fallback image on mobile/etc

Services Links

the <h4>'s in the Services section of the homepage should be links that take u to a description of that service as well as featured projects related to that service. this means we need to do the following on the backend:

  • tag specific portfolio items with that particular service
  • create descriptions in the CMS for those tags/services

write/design select tag descriptions

some tags will display descriptions above the portfolio results relevant to that tag, we still need to decide which tags + what to say + what that should look like (design-wise)

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.