initial commit

.gitattributes

@@ -33,3 +33,6 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+flasktest/flagged/output[[:space:]]0/tmptcfpnuba.png filter=lfs diff=lfs merge=lfs -text
+flasktest/originalScreenshot.png filter=lfs diff=lfs merge=lfs -text
+flasktest/screenshot.png filter=lfs diff=lfs merge=lfs -text

flasktest/README.md

@@ -0,0 +1,6 @@
+---
+title: Fanklin_Importer_CSS
+app_file: handSwithFFog.py
+sdk: gradio
+sdk_version: 3.35.2
+---

flasktest/childrensradiofoundation.html

@@ -0,0 +1,58 @@
+<div class="cards">
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Radio.png">
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Radio.png">
+          <source type="image/jpeg" srcset="RadioWorkshop-icons-800px-navy-Radio.png">
+          <img loading="lazy" src="RadioWorkshop-icons-800px-navy-Radio.png">
+        </picture>
+      </div>
+      <div>
+        <h3>36</h3>
+        <p>radio stations</p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Youth-1.png">
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Youth-1.png">
+          <source type="image/jpeg" srcset="RadioWorkshop-icons-800px-navy-Youth-1.png">
+          <img loading="lazy" src="RadioWorkshop-icons-800px-navy-Youth-1.png">
+        </picture>
+      </div>
+      <div>
+        <h3>4197</h3>
+        <p>youth trained reporters</p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Listeners.png">
+          <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Listeners.png">
+          <source type="image/jpeg" srcset="RadioWorkshop-icons-800px-navy-Listeners.png">
+          <img src="RadioWorkshop-icons-800px-navy-Listeners.png">
+        </picture>
+      </div>
+      <div>
+        <h3>6.4m</h3>
+        <p>listeners across africa</p>
+      </div>
+    </div>
+    <div>
+        <div>
+          <picture>
+            <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Stations.png">
+            <source type="image/webp" srcset="RadioWorkshop-icons-800px-navy-Stations.png">
+            <source type="image/jpeg" srcset="RadioWorkshop-icons-800px-navy-Stations.png">
+            <img loading="lazy" src="RadioWorkshop-icons-800px-navy-Stations.png">
+          </picture>
+        </div>
+        <div>
+          <h3>21</h3>
+          <p>broadcast languages</p>
+        </div>
+      </div>
+  </div>

flasktest/cloneNonDefault.py

@@ -0,0 +1,46 @@
+import asyncio
+import json
+from pyppeteer import launch
+
+async def compare_styles(url, container_selector):
+    browser = await launch()
+    page = await browser.newPage()
+    await page.goto(url)
+
+    container_element = await page.querySelector(container_selector)
+    if container_element:
+        await compare_element_styles(page, container_element, container_selector)
+    else:
+        print(f'Container element with selector "{container_selector}" not found.')
+
+    await browser.close()
+
+async def compare_element_styles(page, element, identifier):
+    clone_selector = '__cloned_element__'
+    await page.evaluate(f'el => el.cloneNode(true)', element, force_expr=True)
+    await page.evaluate(f'el => {{ el.style.all = "unset"; el.setAttribute("id", "{clone_selector}"); }}', element, force_expr=True)
+    
+    clone_handle = await page.querySelector(f'#{clone_selector}')
+    
+    computed_styles = await element.executionContext().evaluate('(el) => JSON.stringify(getComputedStyle(el))', element)
+    clone_styles = await clone_handle.executionContext().evaluate('(el) => JSON.stringify(getComputedStyle(el))', clone_handle)
+    
+    print(f'Here are the styles for element {identifier}:')
+    
+    computed_styles_dict = json.loads(computed_styles)
+    clone_styles_dict = json.loads(clone_styles)
+    
+    for style_property, actual_value in computed_styles_dict.items():
+        clone_value = clone_styles_dict.get(style_property)
+        
+        if actual_value != clone_value:
+            print(f'{style_property}: {actual_value}')
+    
+    child_elements = await page.querySelectorAll(f'{element._remoteObject.description} > *')
+    for i, child_element in enumerate(child_elements):
+        await compare_element_styles(page, child_element, f'{identifier}.{i}')
+
+url = input('Enter the URL of the webpage: ')
+container_selector = input('Enter the container selector: ')
+
+asyncio.get_event_loop().run_until_complete(compare_styles(url, container_selector))

flasktest/countly.html

@@ -0,0 +1,40 @@
+<div class="cards">
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="647763a154149e2140da5526_Group%202062.png">
+          <source type="image/webp" srcset="647763a154149e2140da5526_Group%202062.png">
+          <source type="image/jpeg" srcset="647763a154149e2140da5526_Group%202062.png">
+          <img loading="lazy" src="647763a154149e2140da5526_Group%202062.png">
+        </picture>
+      </div>
+      <div>
+        <div>Become fully compliant and leave any security threats out the door</div>
+        <div>"With Countly, you are your data's sole owner, controller, and processor. You are in charge."</div>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="64539b7c5de18db18468da1c_Group%202061.png">
+          <source type="image/webp" srcset="64539b7c5de18db18468da1c_Group%202061.png">
+          <source type="image/jpeg" srcset="64539b7c5de18db18468da1c_Group%202061.png">
+          <img loading="lazy" src="64539b7c5de18db18468da1c_Group%202061.png">
+        </picture>
+      </div>
+      <div>
+        <div>Stay trustworthy by working with trustworthy</div>
+        <div>"ISO 27001 and SOC2 certified, Countly takes privacy seriously and helps you do the same within your organization and with your customers."</div>
+      </div>
+    </div>
+    <div>
+      <div>
+        <span class="emoji-62px">🔒</span>
+        <br>
+      </div>
+      <div>
+        <div>"Dont compromise on your data privacy standards and retain full control of your hosting"</div>
+        <div>"Countly supports your needs no matter what. Be it self-hosting or private deployments in the cloud."</div>
+      </div>
+    </div>
+  </div>

flasktest/cozyio.html

@@ -0,0 +1,44 @@
+<div class="cards">
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="Buddy-Bear-Left-Main-250x188.jpg">
+          <source type="image/webp" srcset="Buddy-Bear-Left-Main-250x188.jpg">
+          <source type="image/jpeg" srcset="Buddy-Bear-Left-Main-250x188.jpg">
+          <img loading="lazy" src="Buddy-Bear-Left-Main-250x188.jpg">
+        </picture>
+      </div>
+      <div>
+        <h3>BUDDY BEAR (LIMITED EDITION)</h3>
+        <p>$50.00</p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="Girl-Scouts-Patch-Gab-Gear-250x188.jpg">
+          <source type="image/webp" srcset="Girl-Scouts-Patch-Gab-Gear-250x188.jpg">
+          <source type="image/jpeg" srcset="Girl-Scouts-Patch-Gab-Gear-250x188.jpg">
+          <img loading="lazy" src="Girl-Scouts-Patch-Gab-Gear-250x188.jpg">
+        </picture>
+      </div>
+      <div>
+        <h3>GIRL SCOUTS UPSTANDER PATCH</h3>
+        <p>$3.00</p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="GAB-Hat-Clip-Overhead-250x188.jpg">
+          <source type="image/webp" srcset="GAB-Hat-Clip-Overhead-250x188.jpg">
+          <source type="image/jpeg" srcset="GAB-Hat-Clip-Overhead-250x188.jpg">
+          <img src="GAB-Hat-Clip-Overhead-250x188.jpg">
+        </picture>
+      </div>
+      <div>
+        <h3>HAT CLIPS</h3>
+        <p>$6.95</p>
+      </div>
+    </div>
+  </div>

flasktest/elemFrompt.py

@@ -0,0 +1,38 @@
+import asyncio
+from pyppeteer import launch
+
+async def get_element_html(url, x, y):
+    # const browser = await puppeteer.launch( {"headless": false, args: ['--start-maximized'] } );
+    browser = await launch()
+    page = await browser.newPage()
+
+    await page.setViewport({'width': 3072, 'height': 1920})
+    await page.goto(url)
+
+    # Get the HTML element at the specified (x, y) coordinate
+    element = await page.evaluate(
+        '''(x, y) => {
+            const element = document.elementFromPoint(x, y);
+            return element ? element.outerHTML : null;
+        }''',
+        x, y
+    )
+
+    await browser.close()
+    return element
+
+async def save_html_to_file(html, filename):
+    with open(filename, 'w') as file:
+        file.write(html)
+
+async def main():
+    url = input("Enter URL: ")
+    x = int(input("Enter X coordinate: "))
+    y = int(input("Enter Y coordinate: "))
+    filename = f'at{x}and{y}.html'
+
+    html = await get_element_html(url, x, y)
+    await save_html_to_file(html, filename)
+    print("HTML saved to", filename)
+
+asyncio.run(main())

flasktest/elixirsolutions.html

@@ -0,0 +1,47 @@
+<div class="cards">
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="My-Prescription-Benefits_304x184.jpg" media="(min-width: 600px)">
+          <source type="image/webp" srcset="My-Prescription-Benefits_304x184.jpg">
+          <source type="image/jpeg" srcset="My-Prescription-Benefits_304x184.jpg" media="(min-width: 600px)">
+          <img loading="lazy" alt="Woman typing on laptop" src="My-Prescription-Benefits_304x184.jpg" width="304" height="184">
+        </picture>
+      </div>
+      <div>
+        <h3 id="my-prescription-benefits">My Prescription Benefits</h3>
+        <p>For information on your prescription benefits, log into your Member Portal. Find ways to save, review your coverage, find a network pharmacy and more.</p>
+        <p><a href="https://www.elixirsolutions.com/register-login">Member Portal</a></p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="Medication-Home-Delivery_304x184.jpg" media="(min-width: 600px)">
+          <source type="image/webp" srcset="Medication-Home-Delivery_304x184.jpg">
+          <source type="image/jpeg" srcset="Medication-Home-Delivery_304x184.jpg" media="(min-width: 600px)">
+          <img loading="lazy" alt="Man checking prescriptions on laptop" data-title="M-Home-delivery" src="Medication-Home-Delivery_304x184.jpg" width="304" height="184">
+        </picture>
+      </div>
+      <div>
+        <h3 id="medication-home-delivery">Medication Home Delivery</h3>
+        <p>To fill or refill prescriptions by mail, log into your Member Portal. Track the status of your order, transfer prescriptions, view your medication history and more.</p>
+        <p><a href="https://www.elixirsolutions.com/members/about-mail">Learn More</a></p>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="Have-Questions_304x184.jpg" media="(min-width: 600px)">
+          <source type="image/webp" srcset="Have-Questions_304x184.jpg">
+          <source type="image/jpeg" srcset="Have-Questions_304x184.jpg" media="(min-width: 600px)">
+          <img loading="lazy" alt="Young couple checking tablet" data-title="have-questions" src="Have-Questions_304x184.jpg" width="304" height="184">
+        </picture>
+      </div>
+      <div>
+        <h3 id="have-questions">Have Questions?</h3>
+        <p>Learn more about how Elixir can help you better manage your prescription benefits. Get answers about mail order, specialty and find forms and resources.</p>
+        <p><a href="https://www.elixirsolutions.com/members">Members Page</a></p>
+      </div>
+    </div>
+  </div>

flasktest/firefall.py

@@ -0,0 +1,57 @@
+import os, json, requests
+
+# enter the client id from imss here
+client_id = 'MDSR_Firefall'
+client_secret = 's8e-8CGebu-kO3Vt_ICCNzQU8sCVYCHqcuFq' #enter the client secret from imss here
+permanent_auth_code = 'eyJhbGciOiJSUzI1NiIsIng1dSI6Imltc19uYTEtc3RnMS1rZXktcGFjLTEuY2VyIiwia2lkIjoiaW1zX25hMS1zdGcxLWtleS1wYWMtMSIsIml0dCI6InBhYyJ9.eyJpZCI6Ik1EU1JfRmlyZWZhbGxfc3RnIiwidHlwZSI6ImF1dGhvcml6YXRpb25fY29kZSIsImNsaWVudF9pZCI6Ik1EU1JfRmlyZWZhbGwiLCJ1c2VyX2lkIjoiTURTUl9GaXJlZmFsbEBBZG9iZUlEIiwiYXMiOiJpbXMtbmExLXN0ZzEiLCJvdG8iOmZhbHNlLCJjcmVhdGVkX2F0IjoiMTY4MTE0NTIxNDk1MCIsInNjb3BlIjoic3lzdGVtIn0.Yoz7IPhmIBV2uNKl1CJJ9rJ0HmvDBQFbh0AihlHdsOa1E3yBs7WB9ilTCUVodifg8gh1yw4QRllV1NKS2RYeiGxQU7rXAF7SEnH_X_Tqdl735PBnBFL8sW_x76dzmT6MZIzynz8Ywu57qztvFnHoLMfJ7HsNt7rkOqF3IZByOinxyJzRTwMfygHSKjoQx6A4S7LbuQWjlqDbM9RaeCcakMEqGvSKqkLQvtMg40ZQYSNELoFtbATfwuVrHWOglAQS4A2FR24ziop137imu4HrTr-syDYki8VWV27WuGGo632_K2vJwqbaYjZvyrtsuBLH3fGGgXgyM5EA_Jk_lcMFog' #imss -> service tokens -> permanent auth token
+ims_url = 'https://ims-na1-stg1.adobelogin.com/ims/token/v2'
+firefall_client_id = "MDSR_Firefall"
+ims_org_id = client_id
+api_key = client_id
+azure_url = 'https://firefall-stage.adobe.io/v1/completions'
+
+def get_openai_response(azure_url, ims_org_id, api_key, temp_auth_token, json_data):
+    headers = {
+        'x-gw-ims-org-id': ims_org_id,
+        'x-api-key': api_key,
+        'Authorization': f'Bearer {temp_auth_token}',
+        'Content-Type': 'application/json',
+    }
+    response = requests.post(azure_url, headers=headers, json=json_data)
+    return json.loads(response.text)
+
+def get_temp_auth_token(ims_url, client_id, client_secret, permanent_auth_code):
+    params = {
+        'client_id': client_id,
+        'client_secret': client_secret,
+        'code': permanent_auth_code,
+        'grant_type': 'authorization_code',
+    }
+    response = requests.post(ims_url, params=params)
+    return json.loads(response.text)
+
+
+response = get_temp_auth_token(ims_url, client_id, client_secret, permanent_auth_code)
+# print(response)
+temp_auth_token = response['access_token']
+
+query = """hello world!"""
+json_data =  {
+                "dialogue":{
+                    "question": query
+                },
+                "llm_metadata": {
+                    "model_name": "gpt-4",
+                    "temperature": 0.0,
+                    "max_tokens": 8071,
+                    "top_p": 1.0,
+                    "frequency_penalty": 0,
+                    "presence_penalty": 0,
+                    "n": 1,
+                    "llm_type": "azure_chat_openai"
+                }
+             }
+
+openai_response = get_openai_response(azure_url, ims_org_id, api_key, temp_auth_token, json_data)
+# print("OpenAI Response:", openai_response)
+print("OpenAI Response:", openai_response['generations'][0][0]['text'])

flasktest/flagged/log.csv

@@ -0,0 +1,41 @@
+url,selector,franklinHTML,output 0,output 1,output 2,output 3,flag,username,timestamp
+https://countly.com/,.grid-3-cards-ver-home,"<div class=""cards"">
+    <div>
+      <div>
+        <picture>
+          <source type=""image/webp"" srcset=""647763a154149e2140da5526_Group%202062.png"">
+          <source type=""image/webp"" srcset=""647763a154149e2140da5526_Group%202062.png"">
+          <source type=""image/jpeg"" srcset=""647763a154149e2140da5526_Group%202062.png"">
+          <img loading=""lazy"" src=""647763a154149e2140da5526_Group%202062.png"">
+        </picture>
+      </div>
+      <div>
+        <div>Become fully compliant and leave any security threats out the door</div>
+        <div>""With Countly, you are your data's sole owner, controller, and processor. You are in charge.""</div>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type=""image/webp"" srcset=""64539b7c5de18db18468da1c_Group%202061.png"">
+          <source type=""image/webp"" srcset=""64539b7c5de18db18468da1c_Group%202061.png"">
+          <source type=""image/jpeg"" srcset=""64539b7c5de18db18468da1c_Group%202061.png"">
+          <img loading=""lazy"" src=""64539b7c5de18db18468da1c_Group%202061.png"">
+        </picture>
+      </div>
+      <div>
+        <div>Stay trustworthy by working with trustworthy</div>
+        <div>""ISO 27001 and SOC2 certified, Countly takes privacy seriously and helps you do the same within your organization and with your customers.""</div>
+      </div>
+    </div>
+    <div>
+      <div>
+        <span class=""emoji-62px"">🔒</span>
+        <br>
+      </div>
+      <div>
+        <div>""Don’t compromise on your data privacy standards and retain full control of your hosting""</div>
+        <div>""Countly supports your needs no matter what. Be it self-hosting or private deployments in the cloud.""</div>
+      </div>
+    </div>
+  </div>",/Users/prakharsingh/Code/flasktest/flagged/output 0/tmptcfpnuba.png,/Users/prakharsingh/Code/flasktest/flagged/output 1/tmpv1a06_56.png,/Users/prakharsingh/Code/flasktest/flagged/output 2/1f67e024d31d0dacee2762092a3e3f7e8ee98b35/originalStyles.txt,/Users/prakharsingh/Code/flasktest/flagged/output 3/1418b254a6486c0322a832c1efdf98a2ea6fd9e9/franklinStyles.css,,,2023-06-23 12:32:57.854312

flasktest/flagged/output 2/1f67e024d31d0dacee2762092a3e3f7e8ee98b35/originalStyles.txt

@@ -0,0 +1,432 @@
+Lets name text with Text Content = "Countly supports your needs no matter what. Be it self-hosting or private deployments in the cloud." as text1. The computed styles of text1 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 48px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 660px""
+
+Lets name text with Text Content = "Don’t compromise on your data privacy standards and retain full control of your hosting" as text2. The computed styles of text2 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 28px
+	font-weight: 600
+	height: 68px
+	line-height: 34px
+	margin-bottom: 16px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 660px""
+
+text1,text2 is nested inside a container. Lets name this container as container1. The computed styles of container1 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 132px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 50px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 660px""
+
+Lets name undefined with undefined as undefined1. The computed styles of undefined1 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: inline
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 40px
+	font-weight: 600
+	height: auto
+	line-height: 48px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: start
+	width: auto""
+
+Lets name text with Text Content = "🔒" as text3. The computed styles of text3 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: inline
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 62px
+	font-weight: 600
+	height: auto
+	line-height: 80px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: start
+	width: auto""
+
+undefined1,text3 is nested inside a container. Lets name this container as container2. The computed styles of container2 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 40px
+	font-weight: 600
+	height: 80px
+	line-height: 48px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: start
+	width: 62px""
+
+container1,container2 is nested inside a container. Lets name this container as container3. The computed styles of container3 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 255, 255)
+	display: flex
+	flex-direction: column
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 410px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 58px
+	padding-left: 40px
+	padding-right: 40px
+	padding-top: 58px
+	text-align: start
+	width: 740px""
+
+Lets name text with Text Content = "ISO 27001 and SOC2 certified, Countly takes privacy seriously and helps you do the same within your organization and with your customers." as text4. The computed styles of text4 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 120px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+Lets name text with Text Content = "Stay trustworthy by working with trustworthy" as text5. The computed styles of text5 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 133, 75)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 28px
+	font-weight: 600
+	height: 102px
+	line-height: 34px
+	margin-bottom: 16px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+text4,text5 is nested inside a container. Lets name this container as container4. The computed styles of container4 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 238px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 50px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+Lets name image with src = "64539b7c5de18db18468da1c_Group%202061.png" as image1. The computed styles of image1 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 189.062px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: center
+	width: 275px""
+
+container4,image1 is nested inside a container. Lets name this container as container5. The computed styles of container5 are:-
+""	background-color: rgb(255, 255, 255)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: flex
+	flex-direction: column
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 557.062px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 40px
+	padding-left: 40px
+	padding-right: 40px
+	padding-top: 40px
+	text-align: center
+	width: 355px""
+
+Lets name text with Text Content = "With Countly, you are your data's sole owner, controller, and processor. You are in charge." as text6. The computed styles of text6 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 72px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+Lets name text with Text Content = "Become fully compliant and leave any security threats out the door" as text7. The computed styles of text7 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(255, 133, 75)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 28px
+	font-weight: 600
+	height: 136px
+	line-height: 34px
+	margin-bottom: 16px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+text6,text7 is nested inside a container. Lets name this container as container6. The computed styles of container6 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 224px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 50px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: left
+	width: 275px""
+
+Lets name image with src = "647763a154149e2140da5526_Group%202062.png" as image2. The computed styles of image2 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: block
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 100px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 35px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: center
+	width: 250px""
+
+container6,image2 is nested inside a container. Lets name this container as container7. The computed styles of container7 are:-
+""	background-color: rgb(255, 255, 255)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: flex
+	flex-direction: column
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 557.062px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 40px
+	padding-left: 40px
+	padding-right: 40px
+	padding-top: 40px
+	text-align: center
+	width: 355px""
+
+container3,container5,container7 is nested inside a container. Lets name this container as container8. The computed styles of container8 are:-
+""	background-color: rgba(0, 0, 0, 0)
+	box-sizing: border-box
+	clear: none
+	color: rgb(36, 41, 46)
+	display: grid
+	flex-direction: row
+	float: none
+	font-family: Basiercircle, sans-serif
+	font-size: 16px
+	font-weight: 400
+	height: 991.062px
+	line-height: 24px
+	margin-bottom: 0px
+	margin-left: 0px
+	margin-right: 0px
+	margin-top: 0px
+	padding-bottom: 0px
+	padding-left: 0px
+	padding-right: 0px
+	padding-top: 0px
+	text-align: start
+	width: 740px""
+

flasktest/flagged/output 3/1418b254a6486c0322a832c1efdf98a2ea6fd9e9/franklinStyles.css

@@ -0,0 +1,84 @@
+.cards {
+  display: grid;
+  width: 740px;
+  height: 991.062px;
+}
+
+.cards > div {
+  display: flex;
+  flex-direction: column;
+}
+
+.cards > div:nth-child(1),
+.cards > div:nth-child(2) {
+  background-color: rgb(255, 255, 255);
+  padding: 40px;
+  width: 355px;
+  height: 557.062px;
+  text-align: center;
+}
+
+.cards > div:nth-child(3) {
+  background-color: rgba(0, 0, 0, 0);
+  padding: 58px 40px;
+  width: 740px;
+  height: 410px;
+  text-align: start;
+}
+
+.cards img {
+  display: block;
+  margin-top: 35px;
+  width: 250px;
+  height: 100px;
+}
+
+.cards .emoji-62px {
+  font-size: 62px;
+  line-height: 80px;
+}
+
+.cards > div > div:nth-child(1) {
+  height: 80px;
+  width: 62px;
+  text-align: start;
+}
+
+.cards > div > div:nth-child(2) {
+  margin-top: 50px;
+  width: 275px;
+}
+
+.cards > div > div:nth-child(2) > div:nth-child(1) {
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 34px;
+  color: rgb(255, 133, 75);
+  height: 102px;
+  margin-bottom: 16px;
+}
+
+.cards > div > div:nth-child(2) > div:nth-child(2) {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  color: rgb(36, 41, 46);
+  height: 120px;
+}
+
+.cards > div:nth-child(3) > div:nth-child(2) > div:nth-child(1) {
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 34px;
+  color: rgb(255, 255, 255);
+  height: 68px;
+  margin-bottom: 16px;
+}
+
+.cards > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  color: rgb(255, 255, 255);
+  height: 48px;
+}

flasktest/flickrblog.html

@@ -0,0 +1,42 @@
+<div class="cards">
+    <div>
+        <div>
+            <picture>
+                <source type="image/webp" srcset="52959407600_454f5e13cc_b.jpg">
+                <source type="image/webp" srcset="52959407600_454f5e13cc_b.jpg">
+                <source type="image/jpeg" srcset="52959407600_454f5e13cc_b.jpg">
+                <img loading="lazy" src="52959407600_454f5e13cc_b.jpg">
+            </picture>
+        </div>
+        <div>
+            <h3> Weekly Snapshot with Flickr Social, 6/09/2023 </h3>
+        </div>
+    </div>
+    <div>
+        <div>
+            <picture>
+                <source type="image/webp" srcset="39784076765_0a9e81d191_b.jpg">
+                <source type="image/webp" srcset="39784076765_0a9e81d191_b.jpg">
+                <source type="image/jpeg" srcset="39784076765_0a9e81d191_b.jpg">
+                <img loading="lazy" src="39784076765_0a9e81d191_b.jpg">
+            </picture>
+        </div>
+        <div>
+            <h3>Celebrate World Ocean Day 2023</h3>
+        </div>
+    </div>
+    <div>
+        <div>
+
+            <picture>
+                <source type="image/webp" srcset="52789698833_0364bf6445_b.jpg">
+                <source type="image/webp" srcset="52789698833_0364bf6445_b.jpg">
+                <source type="image/jpeg" srcset="52789698833_0364bf6445_b.jpg">
+                <img loading="lazy" src="52789698833_0364bf6445_b.jpg">
+            </picture>
+        </div>
+        <div>
+            <h3> 16 Questions about One Photo with Hari K Patibanda</h3>
+        </div>
+    </div>
+</div>

flasktest/franklinHTML.html

@@ -0,0 +1,48 @@
+<link rel="stylesheet" href="franklinStyles.css">
+<div class="cards">
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="a827d3.jpg">
+          <source type="image/webp" srcset="a827d3.jpg">
+          <source type="image/jpeg" srcset="a827d3.jpg">
+          <img loading="lazy" src="a827d3.jpg">
+        </picture>
+      </div>
+      <div>
+        <h2>Uplift Exercise Physiology</h2>
+        <p>"""[SimpleSet is] really good! Super quick to setup... Great variety of exercises... You can create and send a high quality, easily digestible program to a patient within minutes, making it a win-win-win for the patient, clinician and business owner."""</p>
+        <a href="/cs/uplift" class="">Read More...</a>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="dbf731.jpg">
+          <source type="image/webp" srcset="dbf731.jpg">
+          <source type="image/jpeg" srcset="dbf731.jpg">
+          <img loading="lazy" src="dbf731.jpg">
+        </picture>
+      </div>
+      <div>
+        <h2>PHIT Well</h2>
+        <p>"""There is an unbeatable value for the cost of [SimpleSet].  We found the intuitive functionality [of SimpleSet] perfect for our high paced clinic, where our clinicians were able to pick up and use the programming without extensive training."""</p>
+        <a href="/cs/phitwell" class="">Read More...</a>
+      </div>
+    </div>
+    <div>
+      <div>
+        <picture>
+          <source type="image/webp" srcset="cb978c.jpg">
+          <source type="image/webp" srcset="cb978c.jpg">
+          <source type="image/jpeg" srcset="cb978c.jpg">
+          <img src="cb978c.jpg">
+        </picture>
+      </div>
+      <div>
+        <h2>Sports Physio YYC</h2>
+        <p>""My motto is teach a person to fish — I breed a culture of being able to maintain and help yourself through a sustainable recovery, and SimpleSet has been a huge player in this.""</p>
+        <a href="/cs/ericaholmes" class="">Read More...</a>
+      </div>
+    </div>
+  </div>