| Line 49: |
Line 49: |
| | *[https://www.youtube.com/playlist?list=PLbjmSS6LZDGq2I4sa1iAO371NuWx2-gmD Artificial intelligence - video playlist], Video playlist | | *[https://www.youtube.com/playlist?list=PLbjmSS6LZDGq2I4sa1iAO371NuWx2-gmD Artificial intelligence - video playlist], Video playlist |
| | *[https://www.youtube.com/watch?v=gFq9UuVa3EY English Majors will Rule Future of AI] by Conor Grennan | | *[https://www.youtube.com/watch?v=gFq9UuVa3EY English Majors will Rule Future of AI] by Conor Grennan |
| | + | |
| | + | Downsides/risks: |
| | + | |
| | + | *[https://www.youtube.com/playlist?list=PLZRJ6MNtYp8U AI risks/downsides] |
| | + | |
| | + | Income opportunities: |
| | + | |
| | + | *[https://sites.google.com/view/aiincomeopportunities/home AI income opportunities], Google sites |
| | | | |
| | === Leveraging AI related === | | === Leveraging AI related === |
| Line 167: |
Line 175: |
| | You now have repeatable, scalable content creation. | | You now have repeatable, scalable content creation. |
| | | | |
| − | === Key instructions for an AI so it does not create defective tables === | + | === Key instructions for an AI so it does not create defective tables at blogger=== |
| − | | |
| − | | |
| − | *Tables must be scrollable with horizontal sliders and responsive table wrappers: <div style="overflow-x:auto; -webkit-overflow-scrolling:touch; width:100%;"> wrapping the <table>
| |
| − | | |
| − | *Every table must have min-width: 520px on the <table> element so the browser scrolls instead of crushing columns
| |
| − | | |
| − | *First column cells must have white-space: nowrap so key terms never break mid-word
| |
| − | | |
| − | *Never use table-layout: fixed unless column widths are explicitly set
| |
| − | | |
| − | *Never use a table for labeled lists — use flexbox rows or <dl><dt><dd> instead
| |
| − | | |
| − | *Four or more columns must be converted to a card or flexbox layout — three columns is the maximum safe column count for Blogger
| |
| − | | |
| − | *Mental model test: ask "what happens if this container is 320px wide?" If the answer is "text breaks," it needs a scroll wrapper or a non-table layout
| |
| − | | |
| − | *Every scroll wrapper must use mandatory inline CSS directly on the div, not a class: <div style="overflow-x:auto; -webkit-overflow-scrolling:touch; width:100%; margin:1.5em 0;">
| |
| − | | |
| − | *Every <table> must use mandatory inline CSS directly on the element, not a class: <table style="width:100%; min-width:520px; border-collapse:collapse; font-size:0.92em;"> First column <th> and <td> must also carry style="white-space:nowrap;" inline.
| |
| | | | |
| − | *No CSS classes or external stylesheets may be used for any style that table rendering depends on. All table, wrapper, cell, and header styles must be inline.
| |
| | | | |
| − | *Every table must use <thead> for header rows and <tbody> for data rows so Blogger's parser does not strip or reorder them. | + | *[https://sites.google.com/view/tableinstructionsforanai/home Key instructions for an AI so it does not create defective tables at blogger] |
| | | | |
| | == Changing face of workplace == | | == Changing face of workplace == |