Skip to content

Commit

Permalink
guide updates, native links (#2905)
Browse files Browse the repository at this point in the history
  • Loading branch information
bretg authored Apr 26, 2021
1 parent 7112697 commit 523494d
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 63 deletions.
2 changes: 1 addition & 1 deletion _data/sidebar.yml
Original file line number Diff line number Diff line change
Expand Up @@ -180,7 +180,7 @@

- sbSecId: 1
title: Native Ads
link: /dev-docs/examples/native-ad-example.html
link: /formats/native.html
isHeader: 0
isSectionHeader: 0
sectionTitle:
Expand Down
2 changes: 1 addition & 1 deletion _layouts/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ <h2>Formats</h2>
<div class="w-100 d-none d-md-block d-xl-none"></div>
<div class="card text-center">
<div class="card-body">
<a class="card-title stretched-link" href="/dev-docs/show-native-ads.html">Native</a>
<a class="card-title stretched-link" href="/prebid/native-implementation.html">Native</a>
<div class="card-media">{% include icon__format--native.svg %}</div>
</div>
</div>
Expand Down
68 changes: 7 additions & 61 deletions guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,65 +99,12 @@ The JS directory contains the Javascript files required for the Prebid.org site.

#### CSS

**style.css**

This file contains custom CSS classes and modifications to Bootstrap classes. The file is broken up into the various sections relating to navigaton, homepage and content pages.

*Navbar*
The navbar class is a Bootstrap class. It controls the formatting of the top level navigation. Portions of it have been modified specifically for Prebid formatting.

*Dropdown*
The dropdown class is a Boostrap class. It controls the formatting and functionality of the dropdown items of the top navigation. Portions of it have been modified specifically for Prebid formatting.

*Sidebar*
The sidebar class is a Boostrap class. It controls the formatting and functionality of the dropdown items of the top navigation. Portions of it have been modified specifically for Prebid formatting. Additional custom classes have been created for specific formatting or functionality required by Prebid.

*Homepage*
The classes in the homepage secton are custom classes created to format the top portion of the Prebid website homepage.

*Container*
A custom container class created for the Prebid website.

*Hover Effect*
A custom series of classes created to control the formatting functionalty of the icon buttons on the Prebid website homepage.

*Message*
A custom series of classes created to control the formatting of the message box on the Prebid website homepage.

*Benfits*
A custom series of classes created to control the formatting of the Benefits section of the Prebid website homepage.

*Carousel*
The carousel class is a Bootstrap class. It controls the formatting and functionality of the carousel displayed on the homepage. Portions of it have been modified specifically for Prebid formatting. Additional custom classes have been created for specific formatting or functionality required by Prebid.

*Partners*
A custom series of classes created to control the formatting of the [partners](/partners/partners.html) page.

*Blog*
A custom series of classes created to control the formatting of the blog pages.

*Content Pages*
A custom series of classes created to control the formatting of the content on the interior pages.

*Footer*
A custom class created to control the formatting of the footer.

**Responsivenes**

The CSS file has multiple @media sections that handle the formatting of the website pages at specific screen widths. Those widths (in pixels) are:

| Width | Device |
| --- | --- |
| 1300 | Small browsers |
| 1024 | Large tablets e.g. iPadPro |
| 768 | Regular tablets e.g. iPads |
| 414 | Large phones e.g. iPhone 8 Plus |
| 375 | Newer phones e.g. iPhone X |
| 360 | Older phones e.g. Galaxy S5 |
| 320 | Very old phones e.g. iPhone 5 |


***
1. Styles all come from /assets/css/main-bundle.css
1. These are generated from /_assets/sass
1. To make a change, edit the relevant sass file
1. Generate the css file from sass with 'npm run dev/prod'
1. Commit all the changes including assets/css/main-bundle.css
1. the _assets directory is not part of the _site tree

## Data Models

Expand Down Expand Up @@ -337,9 +284,8 @@ with a prefix like `hb_cache_host`. So they wanted to have shorter bidderCode fo

## Algolia Search

(Under construction)

We use Algolia for site search.

- The configuration defining the search parameters is at https://github.com/algolia/docsearch-configs/blob/master/configs/prebid.json
- Only elements p, th, td, li, code, and h1-h3 are indexed
- Code implementation in _includes/body-end.html and a the 'site-search' div in the header.

0 comments on commit 523494d

Please sign in to comment.