dhowe / adlipo Goto Github PK

all bold:

Links

https://github.com/KKulma/climate-change-data
https://github.com/rockita/Environmental_Intelligence
https://insideclimatenews.org/climate-101/
https://www.climatefiles.com/

Papers

https://www.gpai.ai/projects/climate-change-and-ai.pdf

Q&A

https://insideclimatenews.org/climate-101/

Quotations

implant the text generation function

• fork it from https://github.com/dhowe/AdLiPoV2
• update with RiTa v2
• fix lay out

• #45
• implement image sizing and placement code
• add new text plus styling (pending further mockup images)

No sure how possible this is, but very necessary.
If not, perhaps we just skip ads greater than half the page width

again, the goal here is to be subtle, not to disrupt the page flow or design

change version number in top level file, it should propagate down to the manifest.json files for the various platforms

located in dist/version

• Foam flecked the lips of this Ad does is add words from the metaphor of page and portal.
• This Ad that you have grown too old to blush.
• This Ad deals with the advent of electricity, was turned upside down.
• Lets allow the Ad swoon with delight.

site: http://washingtonpost.com/

happens multiple time

Need to find a way to merge the newest UBO into this repo (every few weeks/months)

Via email:

Can you please update uBlock origin to the latest version 1.39.2... As there were security issues in uBlock origin: https://portswigger.net/research/ublock-i-exfiltrate-exploiting-ad-blockers-with-css.
Thank you very much :)

Should we create some new icons for

• disable/enable ad replacement button on pop-up page (in UBO it is the button for toggle hiding element so it is an eye)
  the middle one
  

• toggle pop-up page button on logger page
  the right one
  

What seems to be happening here is that the ad initially loads, then later reloads, but only the inner text is reloaded

example: nytimes.com

this will create better user experience and also fix layout problems

currently in /AdLiPo/AdLiPo/src/js/injectTemplate.js

so we don't risk code mistakes when only working on text

@dhowe I think now we are ready for the before release test. I have tested in a few websites on firefox and chrome (mainly on a win64 machine). Could you create a list here for what tests should be done? and maybe @MelodyneedsMoney can also help with this.

Collect large climate images for the specified resolution ratios: 4:3, 3:4, 32:9, 9:32, 2:1, 1:2

Target min sizes:
4:3 -> 960x720
2:1 -> 1000x500
32:9 -> 1920x540

Name them with the credit for the photographer and the dimensions: e.g., 'ChristopherFurlong_GettyImages_960x720.png'

Then place them in the correct folder for the ratio:

The goal is to create 3-5 examples of AdLiPo [climate] on actual webpages. I've included some examples from basic AdLipo below. The best ones are when there is some relationship between the page content and the ad. This is just for a slideshow, so fine to use photoshop or similar to mockup, ideally with the new formatting (as in the first image below). Each example should show 1 or 2 adlipo ads, not more.

Use the text below with any of the collected images in climate/images -- you may need to crop the images as most are not the correct resolution (perhaps @StevenZhou01 can help with this)

TEXT:
"Did you know that Advertising adds 28% to each person’s Carbon Footprint in the UK" 
"A child working in a mine in the Congo would need more than 700,000 years of non-stop work to earn the same amount as a single day of Bezos’ income." [perhaps on an amazon page] 
"Advertising is adding an extra 28% to the annual carbon footprint of every single person in the UK" [perhaps a Google ads, or doubleclick or facebook page ]
"In 2019 the UK advertising industry was responsible for more than 186 million tonnes of CO2" 
"In 2019 the UK advertising industry alone emitted CO2 equivalent to 47 coal-fired power plants running for 1 year."

should not have green outline

To replace our colored rectangles with random images from our image-set, we need a way to match the aspect ratio, then scale the image to the appropriate size for the ad rectangle on the page.

If we can identify a standard set of ad image ratios, then we can pre-select images for the image-set to match them...

Why do we have /AdLiPo/AdLiPo ?

-- need more padding (perhaps double?) on left edge
-- should be based on either font-size or rectangle size, not a fixed number of pixels

In the case where two ads are vertically adjacent, and would both be replaced, instead only one should be replaced, and the other just hidden

And never resolves (until page refresh). Then repeats.

https://www.zillow.com/homes/for_sale/?searchQueryState=%7B%22pagination%22%3A%7B%7D%2C%22mapBounds%22%3A%7B%22west%22%3A-73.55612754821777%2C%22east%22%3A-73.40025901794434%2C%22south%22%3A42.300674618581695%2C%22north%22%3A42.43726713442647%7D%2C%22isMapVisible%22%3Atrue%2C%22filterState%22%3A%7B%22ah%22%3A%7B%22value%22%3Atrue%7D%7D%2C%22isListVisible%22%3Atrue%2C%22mapZoom%22%3A13%7D

Take a look at [injectTemplate.js ][https://github.com/dhowe/AdLiPo/blob/main/src/js/injectTemplate.js]. Looks like climate code in the main branch. Can we repair so that these are separate?

Add constraint so that text width / rectangle width is greater than some percent (start with 2/3)

The following ads should not be allowed:

Modify the basic hiding mechanism so that instead of hiding DOM elements that match cosmetic filters, we simply show them as a colored rectangle.

You can see the current applied CSS here: https://github.com/gorhill/uBlock/blob/0718d816e1f509f0b36cdb1cf3f490a0045efe99/src/js/contentscript.js#L493

Eventual goal is something like below, but first step is just colored rectangles where ads would be:

specifically on left-edge as shown here:

https://www.geeksforgeeks.org/tr-command-in-unix-linux-with-examples/

This should be a bigger font -- pls check that top/bottom padding is not too large and causing this problem:

• design mockup
• image selection / commits

Next

• text generation
• title / abstract

Implement a maximum number of visible ads onscreen at any given time (2-3)

potentially difficult to manage as user resizes window and scrolls

• [] define maximum ad size (if bigger, just hide)
• [] define maximum number of visible ads (something like 2-3) [25]
• [] create visible ads whitelist [28]

Want to avoid situations like below where the entire page is ads (or an ad dominates the page–should be more subtle):

https://www.businessinsider.com/how-to-make-a-playlist-on-alexa

When there is a change made (bug fix, new feature add ...), it is important to check it on different platforms (because we haven't used poly-fill -- as UBO did not do that) we should at least make sure it works on the below platforms:
Mac

• Firefox
• Chrome

Window

• Firefox
• Chrome

Change UBO UI

• Icons

• pop-up page (the little page that shows up when the user click on the icon in the menu bar)

• setting page

• icon and text in the right-click menu

• change description and locales

This can be in the code for now (no UI) and should include varieties of google search

Given a width, height, and padding for a div, and a text-string, should first compute the largest font-size that will fit the text (computeFontSize function), then assign the proper CSS (doLayout function).

• should correctly computes the correct font size
• correctly handles different padding values (a single value for 4 edges)
• avoid 'orphans' (use   for last space)

Assumptions

• Can assume Bench9 (via ttf or google font)
• Can assume left horizontal alignment
• Can assume center vertical alignment
• Can use whatever word-break is easiest

happens when using the "hide this element" button in the right-click menu

https://edition.cnn.com/2021/08/20/tennis/naomi-osaka-defeat-cincinnati-spt-intl/index.html

This must never happen:

file: https://github.com/dhowe/AdLiPo/blob/climate/climate/quotations.json ('climate' branch)

• format as json following example at top
• add quotations in the next comment below
• check it with a linter (eg https://jsonlint.com/)
• remove blank lines between array entries in json
• #50
• find more similar quotations to add to file
• include the year in the file name if it is available

For the last checkbox, ideally the quotations are more factual, along the lines of the following:

{
  "quote": "A child working in a mine in the Congo would need more than 700,000 years of non-stop work to earn the same amount as a single day of Bezos’ income.",
  "author": "Kate Crawford and Vladan Joler",
  "author-meta": "",
  "source": "Anatomy of an AI System",
  "date": "2018"
}