plugins – WordPress CDN is caching admin bar – Hide Admin Bar

I am using Stackpath CDN to cache my WordPress site which is actually caching the whole page ( html, CSS, scripts ).

Now some of the non admin users also see admin bar. I changed some of the functionality for CDN e.g. origin-control cache etc. but non of them seems to be working accurately.

Is there any permanent fix to this problem?

Thank you,

dungeons and dragons – Looking for a late 80’s (or possibly early 90’s) D&D one-shot adventure based around a bar room brawl

In “The Best of White Dwarf – Scenarios Vol. 1”, published in 1980, pages 26 and 28-29 (27 was an advertisement) feature the adventure “A Bar-Room Brawl – D&D Style” by Lew Pulsipher.

Further reading of the adventure includes details of numerous characters to interact with, a hex map of a bar room, and rules for using objects in the environment like tables, chairs, or “small cauldrons of hot stew.”

On a related note, a resource that I sometimes use to find old adventures is AdventureLookup.com, which is an offshoot of a Matt Colville project and recently received a big update (at time of writing). It doesn’t seem to feature old White Dwarf articles, but it does provide an index of adventures (and where to legally obtain them) from multiple publishers across various editions of D&D and Pathfinder.

dungeons and dragons – Looking for a late 80’s possibly early 90’s D&D adventure based around a bar room brawl

In “The Best of White Dwarf – Scenarios Vol. 1”, published in 1980, pages 26 and 28-29 (27 was an advertisement) feature the adventure “A Bar-Room Brawl – D&D Style” by Lew Pulsipher.

Further reading of the adventure includes details of numerous characters to interact with, a hex map of a bar room, and rules for using objects in the environment like tables, chairs, or “small cauldrons of hot stew.”

On a related note, a resource that I sometimes use to find old adventures is AdventureLookup.com, which is an offshoot of a Matt Colville project and recently received a big update (at time of writing). It doesn’t seem to feature old White Dwarf articles, but it does provide an index of adventures (and where to legally obtain them) from multiple publishers across various editions of D&D and Pathfinder.

angular – on selecting an option for multiple mat-select , scroll bar position jumps

on selecting an option for multiple mat-select , scroll bar position jumps. disableOptionCentering isn’t helping to fix the position

<mat-form-field appearance="outline">
         <mat-label>label</mat-label>
          <mat-select formControlName="fname" multiple disableOptionCentering>
                <mat-option *ngFor="let item of list" [value]="item.value" [matTooltip]="item.name"[matTooltipPosition]="'below'">
                        {{ item.name }}
                </mat-option>
          </mat-select>
    </mat-form-field>

javascript – Unable to implement d3 v4 horizontal stacked bar chart

I am trying to replicate the d3 v4 horizontal stacked bar chart example as given in this url

My data after using nesting and rollup is:

({"key":"Electronics and Hardware","value":{"total":1680,"Placed":544,"Not placed":1136}},{"key":"Media and Entertainment","value":{"total":120,"Placed":0,"Not placed":120}},{"key":"IT-ITeS","value":{"total":320,"Placed":0,"Not placed":320}},{"key":"Apparel","value":{"total":935,"Placed":380,"Not placed":555}},{"key":"Logistics","value":{"total":306,"Placed":96,"Not placed":210}},{"key":"Domestic Worker","value":{"total":120,"Placed":95,"Not placed":25}},{"key":"Healthcare","value":{"total":270,"Placed":124,"Not placed":146}},{"key":"Retail","value":{"total":359,"Placed":107,"Not placed":252}},{"key":"Iron and Steel","value":{"total":469,"Placed":193,"Not placed":276}},{"key":"Tourism & Hospitality","value":{"total":120,"Placed":94,"Not placed":26}},{"key":"Gems and Jewellery","value":{"total":30,"Placed":0,"Not placed":30}},{"key":"Life Sciences","value":{"total":180,"Placed":89,"Not placed":91}},{"key":"Beauty and Wellness","value":{"total":180,"Placed":136,"Not placed":44}},{"key":"BFSI","value":{"total":354,"Placed":258,"Not placed":96}},{"key":"Persons with Disability","value":{"total":74,"Placed":2,"Not placed":72}},{"key":"Automotive","value":{"total":120,"Placed":91,"Not placed":29}},{"key":"Telecom","value":{"total":248,"Placed":133,"Not placed":115}},{"key":"Construction","value":{"total":88,"Placed":18,"Not placed":70}})

Right now my chart looks like this:

enter image description here

Ideally for each key(e.g. Electronics and Hardware) the bar should be coming showing placed,not placed (stack). Right now this is not happening.

Following is the code to draw chart

    function drawStackedBarChart(chartdata)
        {
            console.log("chart"+JSON.stringify(chartdata));
            var svg = d3.select("svg"),
                margin = {top: 20, right: 20, bottom: 30, left: 40},
                width = +svg.attr("width") - margin.left - margin.right,
                height = +svg.attr("height") - margin.top - margin.bottom,
                g = svg.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")");

            var y = d3.scaleBand()          // x = d3.scaleBand()   
                .rangeRound((0, height))    // .rangeRound((0, width))
                .paddingInner(0.05)
                .align(0.1);

            var x = d3.scaleLinear()        // y = d3.scaleLinear()
                .rangeRound((0, width));    // .rangeRound((height, 0));

            var z = d3.scaleOrdinal()
                .range(("#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"));


                var skeys = ("Placed","Not Placed");

                chartdata.sort(function(a, b) { return b('value').total - a('value').total; });
                y.domain(chartdata.map(function(d) { return d.key; }));                 // x.domain...
                x.domain((0, d3.max(chartdata, function(d) { return d('value').total; }))).nice();  // y.domain...
                z.domain(skeys);


                g.append("g")
                    .selectAll("g")
                    .data(d3.stack().keys(skeys)(chartdata.map(function(d) { return d('value'); })))
                    .enter().append("g")
                    .attr("fill", function(d) { return z(d.key); })
                    .selectAll("rect")
                    .data(function(d) { return d; })
                    .enter().append("rect")
                    .attr("y", function(d) { return y(d.data.key); })       //.attr("x", function(d) { return x(d.data.State); })
                    .attr("x", function(d) { return x(d(0)); })             //.attr("y", function(d) { return y(d(1)); })   
                    .attr("width", function(d) { return x(d(1)) - x(d(0)); })   //.attr("height", function(d) { return y(d(0)) - y(d(1)); })
                    .attr("height", y.bandwidth());                         //.attr("width", x.bandwidth());    

                g.append("g")
                    .attr("class", "axis")
                    .attr("transform", "translate(0,0)")                        //  .attr("transform", "translate(0," + height + ")")
                    .call(d3.axisLeft(y));                                  //   .call(d3.axisBottom(x));

                g.append("g")
                    .attr("class", "axis")
                    .attr("transform", "translate(0,"+height+")")               // New line
                    .call(d3.axisBottom(x).ticks(null, "s"))                    //  .call(d3.axisLeft(y).ticks(null, "s"))
                    .append("text")
                    .attr("y", 2)                                               //     .attr("y", 2)
                    .attr("x", x(x.ticks().pop()) + 0.5)                        //     .attr("y", y(y.ticks().pop()) + 0.5)
                    .attr("dy", "0.32em")                                       //     .attr("dy", "0.32em")
                    .attr("fill", "#000")
                    .attr("font-weight", "bold")
                    .attr("text-anchor", "start")
                    .text("Total")
                    .attr("transform", "translate("+ (-width) +",-10)");    // Newline

                var legend = g.append("g")
                    .attr("font-family", "sans-serif")
                    .attr("font-size", 10)
                    .attr("text-anchor", "end")
                    .selectAll("g")
                    .data(keys.slice().reverse())
                    .enter().append("g")
                    //.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
                    .attr("transform", function(d, i) { return "translate(-50," + (300 + i * 20) + ")"; });

                legend.append("rect")
                    .attr("x", width - 19)
                    .attr("width", 19)
                    .attr("height", 19)
                    .attr("fill", z);

                legend.append("text")
                    .attr("x", width - 24)
                    .attr("y", 9.5)
                    .attr("dy", "0.32em")
                    .text(function(d) { return d; });


        }

I think the issue is with the following code:

.data(d3.stack().keys(skeys)(chartdata.map(function(d) { return d('value'); })))

I have tried to format the chartdata but with no success.

SharePoint Online AD Security Group Based Navigation Bar

I am trying to have group-based navigation in my SharePoint Online intranet. This is because I want only specific links to be in the dropdown of some menus to be visible to certain AD Security groups because of confidentiality.

I have read online about security trimming or client-side scripting, but in my site settings I am missing numerous options people mention in their guides but are not present.

In essense, I am curious in SharePoint Online how I can “censor” certain links in the main navigation bar based upon a users AD Security Group. Thanks

![enter image description here]1

samsung – Add am/pm after the 12-hour clock time in the status bar

The status bar at the top of my Samsung S9+ does not show the am/pm after the time. The picture below was taken at 3:23 pm local time but you would not know that unless I told you. It could be 3:23 am. If I were using a 24-hour clock, I would expect that there not be an am/pm. However, my time setting is for 12-hour clock and could have an am/pm. How do I add the am/pm after the time?

Status bar without the am/pm

Some may say that I can easily tell whether it is am or pm… just look outside. That may be true at 3:23 am or pm. However, at 8 pm during the summer time, the sunlight is about the same whether it is morning or evening. I would have to walk outside to find the sun and then know. During the winter time, 6 am and pm is completely dark. There is no sun to help me know.

Let’s say I am very tired during the winter and start a nap at 4 pm. I wake up at 6. I do not know if I slept for 2 hours or 14 hours. Most likely I slept for 2 hours but it depends on how much sleep debt I have.