google chrome – Duolingo home screen is covered by a grey modal background, disabling the page from responding to clicks

Here’s a workaround in Chrome, Firefox, and Safari.

In short, we’re going to find the code that’s creating that grey layer and delete it. You don’t need to be tech savvy.

  1. Right-click on one of the margins on the page (as close to the edge as possible), then go to “Inspect” (Chrome) or “Inspect Element” (Firefox).

    In Safari, first you’ll have to go to Preferences > Advanced and enable “Show Develop menu in menu bar”. For other browsers, just Google how to “Inspect.” It’s a pretty universal concept these days.

  2. This should open up a scary-looking panel. Here, we need to find the code, specifically what’s called a “<div> block,” causing the problem. Your panel may look very different than mine, which looks like this:

    enter image description here

    You may have to “navigate” a bit to find the line I’ve highlighted. You can click the tiny arrows pointing right and down to do this. Here’s what you’re looking for.

    <body>
        <noscript>...</noscript>
        <noscript>...</noscript>
        <div id="root" onClick>
            <div>
                <div>...</div>
                <div class="_1yGfG _160QG"> <-- Might be different codes for you.
                  ::before <-- Almost there! Keep going...
                    <div>
                        <div class="_16E8f _18rH6 _39TEz _3wo9p"></div> <-- This is the bad one.
    

    I’m betting right now it’s _16E8f for everyone, but I’m not sure. One hint you’ve found the right one is when you hover your mouse over that line, the whole page should highlight.

  3. Select the line (click on it) and hit Backspace or Delete. The grey layer should have disappeared.

Note to Duolingo developers:

I think it’s happening because of a tracking pixel failing to load in a modal. Here’s the console error I’m seeing:

Refused to execute script from 'https://t.myvisualiq.net/impression_pixel?r=3422676887&et=i&ago=212&ao=546&aca=24380054&si=1781800&ci=135195264&pi=276804369&ad=472248560&advt=4468394&chnl=-7&vndr=115&sz=6586&u=pt=i' because its MIME type ('image/gif') is not executable.

An easier solution than trying to debug this problem might be to just allowing modals to close when a user clicks anywhere in the grey region, which is the expected behavior these days anyway.

javascript – Change a column background color based on value. document.getElementsByName didn’t work on second row

I have created a table using while loop in jsp. I need to change the background color of a column based on the status, so I use document.getElementsByName to get the value. The problem is, it only work on the column on first row, not the others.
Sorry for the ugly coding and logic, I am practically new in this.

JSP

while(resultSet.next() && resultSet2.next()){
                %>
                </tr>
            </thead>

            <tr>
                <td name="company" style="text-align: center; height:25px"><%=resultSet2.getString("company")%></td>
                <td name="client" style="text-align: center; height:25px"><%=resultSet2.getString("client")%></td>
                <td name="job_no" style="text-align: center; height:25px"><%=resultSet2.getString("job_no")%></td>
                <td name="job_description" style="text-align: center; height:25px"><%=resultSet2.getString("job_description")%></td>
                <td name="TIN_no" style="text-align: center; height:25px"><%=resultSet2.getString("TIN_no")%></td>
                <td name="amount_to_invoice" style="text-align: center; height:25px"><%=resultSet2.getString("amount_to_invoice")%></td>
                <td name="total_amount" style="text-align: center; height:25px"><%=resultSet2.getString("total_amount")%></td>
                <td name="date_received" style="text-align: center; height:25px"><%=resultSet.getString("date_received")%></td>
                <td name="invoice_no" style="text-align: center; height:25px"><%=resultSet.getString("invoice_no")%></td>
                <td name="date_submit" style="text-align: center; height:25px"><%=resultSet.getString("date_submit")%></td>
                <td name="submission" style="text-align: center; height:25px"><%=resultSet.getString("submission")%></td>
                <td name="ses_no_received" style="text-align: center; height:25px"><%=resultSet.getString("ses_no_received")%></td>
                <td name="term_of_payment" style="text-align: center; height:25px"><%=resultSet.getString("term_of_payment")%></td>
                

           <td name="payment_status" style="text-align:center; height:25px"><span name="payment_statuss" style="padding:5px; border-radius: 5px; font-weight: bold; color:white;"><%=resultSet.getString("payment_status")%></span></td>

                <td name="Date_received_payment" style="text-align: center; height:25px"><%=resultSet.getString("date_received_payment")%></td>
                <td name="note" style="text-align: center; height:25px"><%=resultSet.getString("note")%></td>
                <td style="text-align: center">
                    <a href="financeupdate.jsp?invoice_no=<%=resultSet.getString("invoice_no")%>" target="popup" 
                       onclick = "createPopupWin(this.href,'Finance Update', 1000, 560); return false"><i class='fas fa-edit'></i></a>

                    <a href="financedelete.jsp?invoice_no=<%=resultSet.getString("invoice_no")%>" id="btnd" class="btnd btn-danger" 
                       onclick="return confirm('Are you sure you want to delete?')"><i class='fas fa-trash-alt'></i></a>
                </td>
            </tr>

            <%
            i++;
                    }
            connection.close();
            }
            catch (Exception e) {
            }
            %>

Javascript

function f_color(){
            
        if (document.getElementsByName("payment_statuss")(0).innerText.trim() === 'SUBMITTED') {
        document.getElementsByName("payment_statuss")(0).style.background="#10f128";
        }
        else if (document.getElementsByName("payment_statuss")(0).innerText.trim() === 'WARNING') {
        document.getElementsByName("payment_statuss")(0).style.background="#ff8119";
        }
        else if (document.getElementsByName("payment_statuss")(0).innerText.trim() === 'OVERDUE') {
        document.getElementsByName("payment_statuss")(0).style.background="#ff0c0c";
        }
        
    }
    f_color();

I think the problem occur because I been using <%=resultSet.getString("payment_status")%>.

enter image description here

Hope you can help me. Thank you.

Keep hidden taskbar in background of maximized windows

On earlier version of Windows (up to 7, I believe) it was possible to configure the taskbar to stay in the background of maximized windows, in addition to the ‘hide’ option. Only pressing the windows key would bring the taskbar up to the foreground.

Is there a way to get the taskbar to behave this way in Windows 10? There doesn’t seem to be an official option anymore. Perhaps there is some registry hack or a 3rd-party app? Google didn’t turn up anything current.

For context: A lot of the programs I use have buttons near the bottom the window and it’s so easy to overshoot and touch the bottom of the screen, bringing up the taskbar, which then covers the button I wanted to press. Annoying.

People have asked this question here before over the years, but seemingly never got the answer they (and I) were looking for. I wonder why more people arn’t bovered by this.

Background Video – Stream vs Host / Mobile vs Desktop SEO effect

Background videos have no direct impact on SEO. Google doesn’t penalize for background video any more than it does for images.

This is all down to the implementation details.

  • Will the video delay the load of the usable elements of the page?
  • Does the video make it harder to use the rest of the page?

If the page renders and becomes usable quickly while the video is still loading, it shouldn’t hurt your SEO. Google does measure the speed at which page loads. A large video has the potential to make your page load much more slowly than it had previously loaded. The worst case would be if the page didn’t render at all until the video had completely downloaded. When you implement, be sure to do tests to make sure that the visible portions of the page other than the video load just as quickly as before the video was added.

android sdk – Building background service on top of open source rom

I would like to add slight system level modifications to an existing Android OS

As I am completely new, I am looking for some hints on how to accomplish this.

I have experience in Programming Languages like JS and Python.

Kotlinlang is something that showed up multiple times while searching.

  • The service should run in background with higher privileges
  • Removing the service would require root access
  • It should be able to open up a full screen message on top of the native UI

As I am yet not familiar with the Android SDK, I would like to know within which level of the SDK such service would operate?

enter image description here

Maybe such service could run on python on top of the linux layer?

(Root) Is there any way we can block internet accessfrom a specific app, not a whole system firewall or VPN that always run in the background?

Is there any way that can block also foreground internet access of a specific app permanently?
Not a VPN or similar that affects the whole connection and keep running the background.
No VPN!
Root is available.

(Root) Is there any app that blocks internet from a specific app, not a whole system firewall or VPN that always run in the background? [closed]

Is there any app that can block also foreground internet access permanently?
Not a VPN or similar that affects the whole connection and keep running the background.

lighting – How to shoot clear fishing line on a white background for extraction

I would suggest “Don’t“.

Seriously, if the concern is extraction, it becomes much easier if you’re free to select your background color. Shoot with an appropriately contrasting background and extract from the colored background. After extraction, the image can be overlayed on any background including white if that’s what’s required.

Additionally by selecting an interesting color, you can light it such that hints of that color can show in the clear line for additional contrast and interest. If the goal is to emphasize the colorlessness of the line, use a gray background.

The requirement to have the image on a white background does not mean it has to be shot that way.

   --- edit ---

Your comment about shadows suggests that you have the product in contact with the background. You may want to suspend the product with the background far enough away to eliminate shadows.

c++ – Prototype of background save facility

I have developed NoSQL database.

At the moment it has no threads (async).

When the database need to save data to disk, it blocks connections until it save.

This method works OK, becauce save is fast – 3-4 sec, but I still can improve by background save.

Here is the prototype of background save facility.

I have following questions:

  1. Is thread::joinable() safe? What if thread finished just after thread::joinable() call?

  2. Do I need atomic? I have only one thread, can I use thread::joinable() instead?

  3. Anything I am missing?


#include <atomic>
#include <thread>
#include <chrono>
#include <vector>
#include <iostream>


struct X{
    std::vector<int>    rw;
    std::vector<int>    ro;
    mutable
    std::atomic<bool>   saveInProgress{ false };
    std::thread     saveThread;

    ~X(){
        if (saveThread.joinable()){
            std::cout << "d-tor wait for join()" << 'n';
            saveThread.join();
        }

        std::cout << "d-tor save in foreground..." << 'n';

        if (!std::empty(rw)){
            using std::swap;
            swap(rw, ro);
            saveProcess_();
        }
    }

    // this is not multi threaded code
    void save(){
        if (saveInProgress){
            std::cout << "save wait for join()" << 'n';
            saveThread.join();
        }

        using std::swap;
        swap(rw, ro);

        saveInProgress = true;

        saveThread = std::thread{ (this)(){ saveProcess_(); } };

        // this runs parallel with the thread now...
        rw.clear();
    }

private:
    void saveProcess_() const{
        std::cout << "Save process started " << std::this_thread::get_id() << 'n';

        // saving vector...
        for(auto &x : ro){
            using namespace std::chrono_literals;
            std::this_thread::sleep_for(100ms);

            std::cout << "Save " << std::this_thread::get_id() << " " << x << 'n';
        }

        std::cout << "Save process done " << std::this_thread::get_id() << 'n';

        saveInProgress = false;
    }

};

int main(){
    X x;

    x.rw = { 10, 11, 12, 13, 14, 15, 16, 17, 18, 19 };

    x.save();

    x.rw = { 20, 21, 22, 23, 24, 25, 26, 27, 28, 29 };

    x.save();

    x.rw = { 30, 31, 32, 33, 34, 35, 36, 37, 38, 39 };

    // d-tor will kick now...
}

html5 – Como usar um mesmo background para um elemento em forma de “X” com css e html?

Obrigado por contribuir com o Stack Overflow em Português!

  • Certifique-se de responder à pergunta. Entre em detalhes sobre a sua solução e compartilhe o que você descobriu.

Mas evite

  • Pedir esclarecimentos ou detalhes sobre outras respostas.
  • Fazer afirmações baseadas apenas na sua opinião; aponte referências ou experiências anteriores.

Para aprender mais, veja nossas dicas sobre como escrever boas respostas.