diff --git a/components/theme/footerNav.js b/components/theme/footerNav.js index aa347d2..47034c7 100644 --- a/components/theme/footerNav.js +++ b/components/theme/footerNav.js @@ -75,6 +75,9 @@ const FooterNav = () => (
  • Press & Media
    • +
  • + Branding +
    • diff --git a/content/alumniImage.json b/content/alumniImage.json index 50374c1..ecde58c 100644 --- a/content/alumniImage.json +++ b/content/alumniImage.json @@ -33,24 +33,57 @@ "image": "logos/alumni-company/11_vmware.svg" }, { - "image": "logos/alumni-company/flipkart.svg" + "image": "logos/alumni-company/12_amazon.svg" }, { - "image": "logos/alumni-company/goldman-sachs.svg" + "image": "logos/alumni-company/13_walmart.svg" }, { - "image": "logos/alumni-company/motorola.svg" + "image": "logos/alumni-company/14_cern.svg" }, { - "image": "logos/alumni-company/ola-cabs.svg" + "image": "logos/alumni-company/15_isro.svg" }, { - "image": "logos/alumni-company/reuters.svg" + "image": "logos/alumni-company/16_flipkart.svg" }, { - "image": "logos/alumni-company/sap.svg" + "image": "logos/alumni-company/17_goldman-sachs.svg" }, { - "image": "logos/alumni-company/verisign.svg" + "image": "logos/alumni-company/18_ola-cabs.svg" + }, + { + "image": "logos/alumni-company/19_reuters.svg" + }, + { + "image": "logos/alumni-company/20_oracle.svg" + }, + { + "image": "logos/alumni-company/21_salesforce.svg" + }, + { + "image": "logos/alumni-company/22_samsung.svg" + }, + { + "image": "logos/alumni-company/23_sap.svg" + }, + { + "image": "logos/alumni-company/24_bitergia.svg" + }, + { + "image": "logos/alumni-company/25_dell.svg" + }, + { + "image": "logos/alumni-company/26_motorola.svg" + }, + { + "image": "logos/alumni-company/27_verisign.svg" + }, + { + "image": "logos/alumni-company/28_hackerrank.svg" + }, + { + "image": "logos/alumni-company/29_okta.svg" } ] diff --git a/pages/blog/[slug].js b/pages/blog/[slug].js index 5bb6e7a..0645b96 100644 --- a/pages/blog/[slug].js +++ b/pages/blog/[slug].js @@ -57,7 +57,6 @@ export default function BlogTemplate(props) { slug={data.slug} description={data.description.replace(/<\/?[^>]+(>|$)/g, "").substring(0,255)} keywords={data.tags ? data.tags.join(', ') : null} - image={`https://api.amfoss.in/${data.cover}`} />
    diff --git a/pages/blog/index.js b/pages/blog/index.js index 03176a5..e68a9bb 100644 --- a/pages/blog/index.js +++ b/pages/blog/index.js @@ -75,7 +75,7 @@ const News = () => {
    diff --git a/pages/branding.js b/pages/branding.js new file mode 100644 index 0000000..2ecdcd8 --- /dev/null +++ b/pages/branding.js @@ -0,0 +1,181 @@ +import React, { useEffect, useState } from 'react'; +import Layout from '../components/layout'; +import SEO from '../components/seo'; +import TitleBar from '../components/theme/titleBar'; + +import Link from 'next/link'; + +const Branding = () => ( + + + +
    +
    +
    +
    + The official amFOSS logo is used to brand and identify amFOSS projects + and content. +
    +
    +
    + + + + + + + + +
    +
    + + logo + +
    +
    +
    +
    +

    #FFC107

    +

    PMS 7548 C

    +
    +
    +     		+
    +
    +

    #000000

    +

    Black

    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + logo +

    + + PNG + {' '} + |{' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +
    +
    + logo +

    + + PNG | + {' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +

    + These variations can only be used when under size constraints and when the + primary logo is not prominent. +

    +
    +
    +
    +
    +
    +
    + logo +

    + + PNG + {' '} + |{' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +
    +
    + logo +

    + + PNG | + {' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + logo +

    + + PNG | + {' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +
    +
    + logo +

    + + PNG | + {' '} + + SVG + +

    +
    +
    +
    +
    +
    +
    +     +); + +export default Branding; diff --git a/public/branding/BULB-BLACK.png b/public/branding/BULB-BLACK.png new file mode 100644 index 0000000..be729ef Binary files /dev/null and b/public/branding/BULB-BLACK.png differ diff --git a/public/branding/BULB-BLACK.svg b/public/branding/BULB-BLACK.svg new file mode 100644 index 0000000..2fdfa78 --- /dev/null +++ b/public/branding/BULB-BLACK.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/branding/BULB-WHITE.jpg b/public/branding/BULB-WHITE.jpg new file mode 100644 index 0000000..eafced9 Binary files /dev/null and b/public/branding/BULB-WHITE.jpg differ diff --git a/public/branding/BULB-WHITE.png b/public/branding/BULB-WHITE.png new file mode 100644 index 0000000..8c61d6c Binary files /dev/null and b/public/branding/BULB-WHITE.png differ diff --git a/public/branding/BULB-WHITE.svg b/public/branding/BULB-WHITE.svg new file mode 100644 index 0000000..13ff040 --- /dev/null +++ b/public/branding/BULB-WHITE.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/branding/HORIZONTAL-TEXT-BULB-BLACK.png b/public/branding/HORIZONTAL-TEXT-BULB-BLACK.png new file mode 100644 index 0000000..5ac0ed7 Binary files /dev/null and b/public/branding/HORIZONTAL-TEXT-BULB-BLACK.png differ diff --git a/public/branding/HORIZONTAL-TEXT-BULB-BLACK.svg b/public/branding/HORIZONTAL-TEXT-BULB-BLACK.svg new file mode 100644 index 0000000..51c31aa --- /dev/null +++ b/public/branding/HORIZONTAL-TEXT-BULB-BLACK.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/branding/HORIZONTAL-TEXT-BULB-WHITE.png b/public/branding/HORIZONTAL-TEXT-BULB-WHITE.png new file mode 100644 index 0000000..0d57d54 Binary files /dev/null and b/public/branding/HORIZONTAL-TEXT-BULB-WHITE.png differ diff --git a/public/branding/HORIZONTAL-TEXT-BULB-WHITE.svg b/public/branding/HORIZONTAL-TEXT-BULB-WHITE.svg new file mode 100644 index 0000000..903d632 --- /dev/null +++ b/public/branding/HORIZONTAL-TEXT-BULB-WHITE.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/branding/SLOGAN-BLACK.jpg b/public/branding/SLOGAN-BLACK.jpg new file mode 100644 index 0000000..fe23fc0 Binary files /dev/null and b/public/branding/SLOGAN-BLACK.jpg differ diff --git a/public/branding/SLOGAN-BLACK.png b/public/branding/SLOGAN-BLACK.png new file mode 100644 index 0000000..df765a7 Binary files /dev/null and b/public/branding/SLOGAN-BLACK.png differ diff --git a/public/branding/SLOGAN-BLACK.svg b/public/branding/SLOGAN-BLACK.svg new file mode 100644 index 0000000..33d426a --- /dev/null +++ b/public/branding/SLOGAN-BLACK.svg @@ -0,0 +1 @@ +(Y)our freedom begins here \ No newline at end of file diff --git a/public/branding/SLOGAN-WHITE.png b/public/branding/SLOGAN-WHITE.png new file mode 100644 index 0000000..db0e412 Binary files /dev/null and b/public/branding/SLOGAN-WHITE.png differ diff --git a/public/branding/SLOGAN-WHITE.svg b/public/branding/SLOGAN-WHITE.svg new file mode 100644 index 0000000..fed78e6 --- /dev/null +++ b/public/branding/SLOGAN-WHITE.svg @@ -0,0 +1 @@ +(Y)our freedom begins here \ No newline at end of file diff --git a/public/logos/alumni-company/12_amazon.svg b/public/logos/alumni-company/12_amazon.svg new file mode 100644 index 0000000..22269bf --- /dev/null +++ b/public/logos/alumni-company/12_amazon.svg @@ -0,0 +1,22 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/logos/alumni-company/13_walmart.svg b/public/logos/alumni-company/13_walmart.svg new file mode 100644 index 0000000..32c7be2 --- /dev/null +++ b/public/logos/alumni-company/13_walmart.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/public/logos/alumni-company/14_cern.svg b/public/logos/alumni-company/14_cern.svg new file mode 100644 index 0000000..f27d00d --- /dev/null +++ b/public/logos/alumni-company/14_cern.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/logos/alumni-company/15_isro.svg b/public/logos/alumni-company/15_isro.svg new file mode 100644 index 0000000..1342b9e --- /dev/null +++ b/public/logos/alumni-company/15_isro.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/logos/alumni-company/flipkart.svg b/public/logos/alumni-company/16_flipkart.svg similarity index 100% rename from public/logos/alumni-company/flipkart.svg rename to public/logos/alumni-company/16_flipkart.svg diff --git a/public/logos/alumni-company/goldman-sachs.svg b/public/logos/alumni-company/17_goldman-sachs.svg similarity index 100% rename from public/logos/alumni-company/goldman-sachs.svg rename to public/logos/alumni-company/17_goldman-sachs.svg diff --git a/public/logos/alumni-company/ola-cabs.svg b/public/logos/alumni-company/18_ola-cabs.svg similarity index 100% rename from public/logos/alumni-company/ola-cabs.svg rename to public/logos/alumni-company/18_ola-cabs.svg diff --git a/public/logos/alumni-company/reuters.svg b/public/logos/alumni-company/19_reuters.svg similarity index 100% rename from public/logos/alumni-company/reuters.svg rename to public/logos/alumni-company/19_reuters.svg diff --git a/public/logos/alumni-company/20_oracle.svg b/public/logos/alumni-company/20_oracle.svg new file mode 100644 index 0000000..9ac551f --- /dev/null +++ b/public/logos/alumni-company/20_oracle.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/logos/alumni-company/21_salesforce.svg b/public/logos/alumni-company/21_salesforce.svg new file mode 100644 index 0000000..e82db67 --- /dev/null +++ b/public/logos/alumni-company/21_salesforce.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/logos/alumni-company/22_samsung.svg b/public/logos/alumni-company/22_samsung.svg new file mode 100644 index 0000000..3f06f34 --- /dev/null +++ b/public/logos/alumni-company/22_samsung.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/logos/alumni-company/sap.svg b/public/logos/alumni-company/23_sap.svg similarity index 100% rename from public/logos/alumni-company/sap.svg rename to public/logos/alumni-company/23_sap.svg diff --git a/public/logos/alumni-company/24_bitergia.svg b/public/logos/alumni-company/24_bitergia.svg new file mode 100644 index 0000000..3d60bbb --- /dev/null +++ b/public/logos/alumni-company/24_bitergia.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/logos/alumni-company/25_dell.svg b/public/logos/alumni-company/25_dell.svg new file mode 100644 index 0000000..5013880 --- /dev/null +++ b/public/logos/alumni-company/25_dell.svg @@ -0,0 +1,21 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/logos/alumni-company/motorola.svg b/public/logos/alumni-company/26_motorola.svg similarity index 100% rename from public/logos/alumni-company/motorola.svg rename to public/logos/alumni-company/26_motorola.svg diff --git a/public/logos/alumni-company/verisign.svg b/public/logos/alumni-company/27_verisign.svg similarity index 100% rename from public/logos/alumni-company/verisign.svg rename to public/logos/alumni-company/27_verisign.svg diff --git a/public/logos/alumni-company/28_hackerrank.svg b/public/logos/alumni-company/28_hackerrank.svg new file mode 100644 index 0000000..5ad02c0 --- /dev/null +++ b/public/logos/alumni-company/28_hackerrank.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/logos/alumni-company/29_okta.svg b/public/logos/alumni-company/29_okta.svg new file mode 100644 index 0000000..d806cb7 --- /dev/null +++ b/public/logos/alumni-company/29_okta.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles/style.sass b/styles/style.sass index bdafff8..202aa80 100644 --- a/styles/style.sass +++ b/styles/style.sass @@ -498,3 +498,167 @@ main .profile img max-width: 100% object-fit: cover + + +#img-main + img + height: auto + display: block + margin-left: auto + margin-right: auto + width: 100% + transition: transform .2s + + .img:hover + transform: scale(1.1) + + .img-title + text-align: center + margin-top: 1rem + + + +#img-top + img + height: auto + display: block + margin-left: auto + margin-right: auto + width: 50% + transition: transform .2s + + .img:hover + transform: scale(1.1) + + .img-title + text-align: center + margin-top: 1rem + + .card-img-link + text-align: center + +#img-white-horizontal + img + height: auto + display: block + margin-left: auto + margin-right: auto + width: 100% + transition: transform .2s + + .img:hover + transform: scale(1.1) + + .img-title + text-align: center + margin-top: 1rem + + .card-img-link + text-align: center + +.badge + + .badge-yellow + background-color: #FFC107 + display: inline-block + color: white + border-radius: .5rem + + + .badge-black + background-color: #000000 + display: inline-block + color: white + border-radius: .5rem + +.table_view + margin-left: 4rem + +.card-black-no-hover + background: #37474F + box-shadow: 8px 10px 20px 0 rgba(46, 61, 73, 0.15) + border: none + border-radius: 0 + +.card-black + box-shadow: 8px 10px 20px 0 rgba(46, 61, 73, 0.15) + background: #37474F + border: none + border-radius: 0 + .cover + object-fit: cover + height: 220px + +.card-black:hover, .card-black:focus + box-shadow: 4px 5px 10px 0 rgba(46, 61, 73, 0.15) + outline: none + + +#img-black-top + a + color: white + strong + color: white + img + height: auto + display: block + margin-left: auto + margin-right: auto + width: 50% + transition: transform .2s + + .img:hover + transform: scale(1.1) + + .img-title + text-align: center + margin-top: 1rem + color: yellow + + .card-img-link + text-align: center + +#img-black-horizontal + a + color: white + strong + color: white + img + height: auto + display: block + margin-left: auto + margin-right: auto + width: 100% + transition: transform .2s + + .img:hover + transform: scale(1.1) + + .img-title + text-align: center + margin-top: 1rem + color: yellow + + .card-img-link + text-align: center + +hr.black + border-top: .1rem dashed black + +hr.yellow + border-top: .1rem dashed yellow + +.card-body-middle + margin-left: 2rem + margin-top: 9rem + +.content_center + display: flex + justify-content: center + align-items: center + width: 250px + height: 150px + +.vertical-align + display: flex + align-items: center