{
  "DFIntTaskSchedulerTargetFps": 5588562,
  "FFlagDebugSkyGray": true,
  "FFlagDebugDisplayFPS": false,
  "DFFlagDebugRenderForceTechnologyVoxel": true,
  "DFFlagDebugPauseVoxelizer": true,
  "FFlagNewLightAttenuation": true,
  "FIntRenderShadowIntensity": 0,
  "FFlagDisablePostFx": true,
  "DFFlagTextureQualityOverrideEnabled": true,
  "DFIntTextureQualityOverride": 0,
  "FIntRenderShadowmapBias": 0,
  "FFlagLuaAppSystemBar": false,
  "FIntFontSizePadding": 3,
  "FFlagAdServiceEnabled": false,
  "FIntScrollWheelDeltaAmount": 25,
  "FFlagDebugDisableTelemetryEphemeralCounter": true,
  "FFlagDebugDisableTelemetryEphemeralStat": true,
  "FFlagDebugDisableTelemetryEventIngest": true,
  "FFlagDebugDisableTelemetryPoint": true,
  "FFlagMSRefactor5": false,
  "FFlagDebugDisableTelemetryV2Counter": true,
  "FFlagDebugDisableTelemetryV2Event": true,
  "FFlagDebugDisableTelemetryV2Stat": true,
  "DFIntCSGLevelOfDetailSwitchingDistance": 1
}

cd gatsby-sydney-ecommerce-theme/
npm start or yarn start

npm install or yarn install

git clone https://github.com/netlify-templates/gatsby-ecommerce-theme/

<script type="text/javascript" async>
    ////add Attrs alt to images	
	function addAltAttrs() {
			
    //get the images
    let images = document.querySelectorAll("img"); 
     
    //loop through all images
    for (let i = 0; i < images.length; i++) {
		
       //check if alt missing
       if  ( !images[i].alt || images[i].alt == "" || images[i].alt === "") {
		//add file name to alt
         images[i].alt = images[i].src.match(/.*\/([^/]+)\.([^?]+)/i)[1];
       }
    } 
    // end loop
}
</script>

<!-- in css: -->
<style>
  #p-bar-wrapper {
   	display:none;
   	position: fixed;
   	bottom: 0;
   	right: 0;
   	width: 100vw;
   	height: 8px;
   	background-color:#d1d6d8;
   	z-index: 18;
  }
  #progress-bar {
   	background-color:#295b71;
   	width: 0;
   	height: 8px;
   	transition: .3s;
  }
  #progress-bar span {
   	position: absolute;
   	color: #42616c;
   	top: -18px;
   	font-size: 0.8em;
   	font-weight: 600;
   	margin-right:0;
  }
  #run-bar.right-fix {
   	margin-right: -80px;
  }
  #run-bar.right-fix-2one {
   	margin-right: -77px;
  }
</style>

<!-- in html: -->
<div id="p-bar-wrapper">
    <div id="progress-bar"><span id="run-bar"></span></div>
</div>

<!-- in js: -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" async>
    document.addEventListener("DOMContentLoaded", function() {
    	  document.addEventListener("scroll", function() {
    	    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    	    var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
    		var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    		var windowWidth = window.innerWidth;
    		var p_bar =	document.getElementById("progress-bar");
    		var scrolled = (scrollTop / (scrollHeight - clientHeight)) * 100;
     
     	//Check if Tablet or smaller than hide all progress bar
    		if( windowWidth < 767 ){
    			return;
    		}
    		else {
    			jQuery("#p-bar-wrapper").css('display','block').show('slow');
    			p_bar.style.width = scrolled + "%";
    			var scrolled_num = parseInt(scrolled, 10);
    			var span_run = document.getElementById("run-bar");
    			jQuery(span_run).text(scrolled_num + '%').css('right',scrolled + '%');
    				if (scrolled == 100){
    					jQuery(span_run).addClass('right-fix-2one').css('color','#21f1af');
    				}
    				else {
    					jQuery(span_run).removeClass('right-fix-2one').css('color','#42616c');
    					if (scrolled > 15){
    						jQuery(span_run).addClass('right-fix');
    					}
    					else {
    						jQuery(span_run).removeClass('right-fix');
    					}
    				}
    			}
    		});
    	});	
</script>

<!-- in css: -->
<style>
	#up-btn {
      position: fixed;
      bottom: 20px;
      right: 20px;
  	  z-index: 15;
	  cursor: pointer;
      transition: all .3s;
  	}
 	img[src$=".svg"]{
		width:48px
    }
</style>

<!-- in html: -->
<div class="btn-hide" data-id="" data-element_type="widget" id="up-btn" data-settings="" alt="scroll to top">
	<img width="40" height="55" src="https://aspx.co.il/wp-content/uploads/2023/04/arrowup.svg" class="" alt="arrowup" /> 
</div>

<!-- in js: -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" async>
	jQuery(document).ready(function($){
  
	//Check to see if the window is top if more then 500px from top display button
	$(window).scroll(function(){
		if ($(this).scrollTop() > 500) {
			$('#up-btn').fadeIn(300,'linear').removeClass('btn-hide');
		} else {
			$('#up-btn').fadeOut(200).hide('slow').addClass('btn-hide');
		}
	});

	//Click event to scroll to top
	$('#up-btn').click(function(){
		$('html, body').animate({scrollTop : 0},800);
		$(this).addClass('btn-hide');
			return false;
	});
</script>

Benefits of Developing Pancakeswap clone script?

Introduction:
PancakeSwap is a decenAtralized exchange (DEX) built on the Binance Smart Chain (BSC), It lets people exchange cryptocurrencies, add money to liquidity pools, and earn rewards by farming all while keeping fees low and processing transactions faster than many other blockchain platforms.
Objective:
PancakeSand effective DeFi options. The use of the CAKE token for governance and rewards enhances its attractiveness in the crypto community.wap is a decentralized platform on the Binance Smart Chain for trading tokens, providing liquidity, and participating in yield farming. It is popular among users seeking affordable 

How Does pancakeswap clone script works?
When creating a PancakeSwap clone, the first step is to define what sets your platform apart from PancakeSwap. Next, decide whether to use a pre-made clone script from a trusted provider or build one yourself. Before launching, thoroughly check the smart contracts for any security issues through audits. Test the platform extensively to fix any bugs and ensure everything works smoothly. Once everything is ready, deploy your platform on the Binance Smart Chain.
What is the importance of creating a PancakeSwap clone?
Developing a PancakeSwap clone is crucial because it provides a quick and cost-effective way for developers to enter the DeFi market. By using a clone script, they can take advantage of proven technology and attract users more easily. Moreover, it encourages innovation by allowing developers to add unique features while benefiting from PancakeSwap's established success on the Binance Smart Chain. Overall, cloning PancakeSwap enables faster, cheaper, and more secure development of decentralized exchange platforms, promoting growth and diversity in DeFi.
Features Of Pancakeswap Clone Script:
The PancakeSwap clone has essential features such as an Automated Market Maker (AMM) protocol, which allows token trading without order books, and Liquidity Pools that enable users to earn rewards by providing liquidity. It also supports Yield Farming, where users can stake tokens to earn additional rewards. Furthermore, it includes an NFT Marketplace for buying, selling, and trading non-fungible tokens, as well as a Prediction feature that allows users to forecast cryptocurrency price movements and earn rewards. Additionally, it offers Profit Sharing, distributing a portion of the platform's revenue among token holders.
Advantages of developing PancakeSwap clone:
Using a clone script speeds up DeFi platform deployment, enabling quick responses to capture market opportunities. It is cost-effective, saving money compared to starting from scratch, and offers a customizable framework. Cloning a proven model reduces risks such as security issues and guarantees platform stability. Users trust familiar platforms, making it easier to attract an initial user base."
Conclusion:
"Beleaf Technologies recognizes the value of PancakeSwap clone script development for swiftly entering the DeFi market with a proven, cost-effective solution. By leveraging this approach, they aim to innovate while building on PancakeSwap's established success on the Binance Smart Chain. This strategic move positions Beleaf Technologies to contribute meaningfully to the decentralized finance ecosystem, driving adoption and fostering community trust in their platform with a secure and user-friendly platform that meets the evolving needs of cryptocurrency enthusiasts

# Extract email addresses using regexp
import re
email_log = """Email received June 2 from user1@email.com.
Email received June 2 from user2@email.com.
Email rejected June 2 from invalid_email@email.com."""

#\w means any alpha numeric characters 
print(re.findall("\w+@\w+\.\w+",email_log))

import java.util.Scanner;

public class GradeCalculator {

    public static void main(String[] args) {
        Scanner scanner = new Scanner(System.in);

        // Prompt user to enter score until a valid score is entered
        int score;
        do {
            System.out.print("Enter the score (0-100): ");
            score = scanner.nextInt();

            if (score < 0 || score > 100) {
                System.out.println("Invalid score! Score must be between 0 and 100.");
            }
        } while (score < 0 || score > 100);

        // Calculate grade based on score using switch statement
        char grade;
        switch (score / 10) {
            case 10:
            case 9:
                grade = 'A';
                break;
            case 8:
                grade = 'B';
                break;
            case 7:
                grade = 'C';
                break;
            case 6:
                grade = 'D';
                break;
            default:
                grade = 'F';
                break;
        }

        // Display the grade
        System.out.println("Grade: " + grade);

        scanner.close();
    }
}

public class Person {
    private String name;
    private int age;

    // Default constructor
    public Person() {
        this.name = "Unknown";
        this.age = 0;
    }

    // Constructor with name parameter
    public Person(String name) {
        this.name = name;
        this.age = 0;
    }

    // Constructor with name and age parameters
    public Person(String name, int age) {
        this.name = name;
        this.age = age;
    }

    // Method to display the details
    public void display() {
        System.out.println("Name: " + name + ", Age: " + age);
    }

    public static void main(String[] args) {
        // Using default constructor
        Person person1 = new Person();
        person1.display();

        // Using constructor with name parameter
        Person person2 = new Person("Alice");
        person2.display();

        // Using constructor with name and age parameters
        Person person3 = new Person("Bob", 25);
        person3.display();
    }
}

public class MathOperations {

    // Method to add two integers
    public int add(int a, int b) {
        return a + b;
    }

    // Method to add three integers
    public int add(int a, int b, int c) {
        return a + b + c;
    }

    // Method to add two doubles
    public double add(double a, double b) {
        return a + b;
    }

    // Method to concatenate two strings
    public String add(String a, String b) {
        return a + b;
    }

    public static void main(String[] args) {
        MathOperations math = new MathOperations();

        // Test the overloaded methods
        System.out.println("Addition of two integers: " + math.add(10, 20));
        System.out.println("Addition of three integers: " + math.add(10, 20, 30));
        System.out.println("Addition of two doubles: " + math.add(10.5, 20.5));
        System.out.println("Concatenation of two strings: " + math.add("Hello", " World"));
    }
}

import java.util.Scanner;

public class GradeCalculator {
    public static void main(String[] args) {
        Scanner scanner = new Scanner(System.in);

        // Prompt the user to enter a score
        System.out.print("Enter the score: ");
        int score = scanner.nextInt();

        // Determine the grade based on the score
        String grade;
        if (score >= 90 && score <= 100) {
            grade = "A";
        } else if (score >= 80 && score < 90) {
            grade = "B";
        } else if (score >= 70 && score < 80) {
            grade = "C";
        } else if (score >= 60 && score < 70) {
            grade = "D";
        } else if (score >= 0 && score < 60) {
            grade = "F";
        } else {
            grade = "Invalid score";
        }

        // Print the grade
        System.out.println("The grade is: " + grade);

        scanner.close();
    }
}

public class CommandLineSum {
    public static void main(String[] args) {
        int sum = 0;

        // Check if there are command line arguments
        if (args.length == 0) {
            System.out.println("No command line arguments found.");
            return;
        }

        // Iterate through the command line arguments
        for (String arg : args) {
            try {
                // Convert argument to integer and add to sum
                int num = Integer.parseInt(arg);
                sum += num;
            } catch (NumberFormatException e) {
                System.out.println(arg + " is not a valid integer.");
            }
        }

        // Print the sum of integers
        System.out.println("Sum of integers: " + sum);
    }
}

npm i bootstrap@5.3.3

function getList(){
	var olist = [];
	var cont = {};
	var orders = $(".m-order-card");
	var rlist = [];
	for(var j=0; j<orders.length; j++){
		var iorder = orders[j];
		var order = {};
		var descr = $(iorder).find(".section-notice__main").text();
		order.purchaseDate = descr.match("[0-9]{2}\. ...\. [0-9]{4}")[0];
		order.totals = descr.match("EUR [0-9]{1,4},[0-9]{2}")[0];
		var cards = $(iorder).find(".m-item-card");
		for(var i=0;i<cards.length;i++){
			var card = cards[i];
			var item = {};
			var itemLink = $(card).find(".container-item-col-item-info").find(".container-item-col__info-item-info-title").find("div").find("a");
			item.title = itemLink.text();
			item.link = itemLink.attr("href");
			var props = $(card).find(".container-item-col__info-item-info-aspectValuesList").find("div");
			item.property = "";
			for(var m=0; m<props.length; m++){
				item.property += $(props[m]).text();
				if(m<props.length-1)item.property += "; "
			}
			
			item.image = $(card).find(".container-item-col-img").find("img").attr("src");
			item.price = $(card).find(".container-item-col__info-item-info-additionalPrice").find("div").find("span").text();
			olist.push(item);
		}
		order.items = olist;
		rlist.push(order);
	}
	
	cont.purchases = rlist;
	console.log(JSON.stringify(cont));
}

const http = require('node:http')
const fs = require('node:fs')

const mime = {
  'html': 'text/html',
  'css': 'text/css',
  'jpg': 'image/jpg',
  'ico': 'image/x-icon',
  'mp3': 'audio/mpeg3',
  'mp4': 'video/mp4'
}

const servidor = http.createServer((pedido, respuesta) => {
  const url = new URL('http://localhost:8888' + pedido.url)
  let camino = 'static' + url.pathname
  if (camino == 'static/')
    camino = 'static/index.html'
  fs.stat(camino, error => {
    if (!error) {
      fs.readFile(camino, (error, contenido) => {
        if (error) {
          respuesta.writeHead(500, { 'Content-Type': 'text/plain' })
          respuesta.write('Error interno')
          respuesta.end()
        } else {
          const vec = camino.split('.')
          const extension = vec[vec.length - 1]
          const mimearchivo = mime[extension]
          respuesta.writeHead(200, { 'Content-Type': mimearchivo })
          respuesta.write(contenido)
          respuesta.end()
        }
      })
    } else {
      respuesta.writeHead(404, { 'Content-Type': 'text/html' })
      respuesta.write('<!doctype html><html><head></head><body>Recurso inexistente</body></html>')
      respuesta.end()
    }
  })
})

servidor.listen(8888)

console.log('Servidor web iniciado')

let Wid = window.innerWidth;

		if (Wid > 1199) {
			const section = document.querySelector('.services .services-main');
			const wrapper = document.querySelector('.services .container');
			const wrapperInner = document.querySelector('.services__wrapper-inner');
			const oneCard = document.querySelector('.services__content');

			const totalWidth = wrapperInner.scrollWidth - wrapper.clientWidth;
			const startTrigger = $('.services .row').hasClass('first-row')
				? 'top -=30%top'
				: 'top top';
			const gsapConfig = {
				x: () => {
					return -(
						wrapper.scrollWidth -
						window.innerWidth +
						window.innerWidth * 0.05 +
						(window.innerWidth / 2 - oneCard.offsetWidth / 2)
					);
				},

				scrollTrigger: {
					trigger: section,
					start: startTrigger,
					end: 'bottom top',
					scrub: 1,
					pin: true,
					pinSpacing: true,
					markers: false,
				},
			};
			gsap.to(wrapperInner, gsapConfig);
			ScrollTrigger.refresh();

			let navWidth = 0;
			let maxScrollerWidth = totalWidth;

			function slideAnim(e) {
				e.preventDefault();
				let direction = 1;
				if ($(this).hasClass('next-btn')) {
					direction = 1;
				} else if ($(this).hasClass('prev-btn')) {
					direction = -1;
				}

				navWidth += direction * innerWidth;

				navWidth = Math.max(0, Math.min(navWidth, maxScrollerWidth));

				gsap.to(wrapperInner, {
					duration: 0.8,
					x: -navWidth,
					ease: 'power3.out',
				});
			}

			document.querySelector('.prev-btn').addEventListener('click', slideAnim);
			document.querySelector('.next-btn').addEventListener('click', slideAnim);
		}

    export PROJECT_ID=<your project ID>
    export BUCKET_NAME=<your choice of a globally unique bucket ID>
    gcloud storage buckets create gs://$BUCKET_NAME --project=$PROJECT_ID --location=us-central1 --uniform-bucket-level-access

gcloud compute ssh llm-processor --zone=us-east4-c --project=${PROJECT_ID}

gcloud compute instances create llm-processor     --project=${PROJECT_ID}     --zone=us-east4-c     --machine-type=e2-standard-4     --metadata=enable-oslogin=true     --scopes=https://www.googleapis.com/auth/cloud-platform     --create-disk=auto-delete=yes,boot=yes,device-name=llm-processor,image-project=cos-cloud,image-family=cos-stable,mode=rw,size=250,type=projects/${PROJECT_ID}/zones/us-central1-a/diskTypes/pd-balanced 

    export PROJECT_ID=<your project ID>
    gcloud services enable cloudfunctions compute.googleapis.com iam.googleapis.com cloudresourcemanager.googleapis.com --project=${PROJECT_ID}

gcloud auth login
gcloud auth application-default login

Prompt: You are a mighty and powerful prompt-generating robot. You need to
understand my goals and objectives and then design a prompt. The prompt should
include all the relevant information context and data that was provided to you.
You must continue asking questions until you are confident that you can produce
the best prompt for the best outcome. Your final prompt must be optimized for
chat interactions. Start by asking me to describe my goal, then continue with
follow-up questions to design the best prompt.

Prompt: Can you give me a list of ideas for blog posts for tourists visiting
New York City for the first time?

INSERT INTO `logs` (`id`, `Log`, `Info`, `Ip`, `Date`, `sn`) VALUES (NULL, '<a href=\"?limit=1000&player=Sam_Mason\"><strong>Sam_Mason</strong></a> Получил Анти-Варн', '<code><strong>I:</strong></code> <code>200,000,000</code> / <code>500,000,000</code> / <code>10000</code>', '<td><div class=\"table-ip\"><strong><code>I:</code></strong><span class=\"badge badge-secondary\">127.0.1.1</span><span class=\"badge badge-primary\">127.0.0.1</span></div><div class=\"table-ip\"><strong><code>II:</code></strong> <span class=\"badge badge-secondary\">127.0.0.1</span><span class=\"badge badge-primary\">127.0.0.1</span></div></td>', '2024-06-28 05:00:00', '1')

#define amlf(%0,%1,%2,%3,%4) format(global_str, 512, %0, %4), aml(global_str, %1, %2, %3)

stock aml(string[], type, name[], name2[])
{
    f(aml_str, 1024, "INSERT INTO `%s` (`Log`, `sn`, `Ip`, `Date`) VALUE ('%s', '%d', '%s', '%s')", Mode_Logs, string, type, name, name2), CallRemoteFunction("AddLOG", "s", aml_str);
    printf("%s", aml_str);
    return 1;
}
public: AddLOG(log_string[])
{
    if WRITE_ACTION_SERVER *then {
        mysql_tquery(mysql, log_string);
    }
}

   
    amlf("<a href=\"?limit=1000&player=%s\"><strong>%s</strong></a> вошёл на сервер.", 1, "<td><div class=\"table-ip\"><strong><code>I:</code></strong><span class=\"badge badge-secondary\">%s</span><span class=\"badge badge-primary\">%s</span></div></td>","", PN(playerid), PN(playerid), PlayerIp[playerid], PlayerRegIP[playerid]);

for status in tweepy.Cursor(api.home_timeline).items(10):
    # Process a single status
    process_or_store(status._json)

 const options = {
        rootMargin: '0px 0px -200px 0px'
    }

    const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if(entry.isIntersecting) {
                entry.target.classList.add('show');
                observer.unobserve(entry.target);
            } else {
                return;
            }
        })
    }, options);

    const h1 = document.querySelector('h1'); // targets one element
    observer.observe(h1);

    const paras = document.querySelectorAll('p'); 
    paras.forEach(p => observer.observe(p)); //targets multple element with a loop

// Callback function to execute when intersections are detected

const callback = (entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      console.log('Element is in view');
      // Perform actions like loading images, animations, etc.
    } else {
      console.log('Element is out of view');
    }
  });
};

// Options object

const options = {
  root: null, // relative to the viewport
  rootMargin: '0px', // margin around the root
  //threshold: 0.1 // trigger callback when 10% of the element is visible
  treshold: 0, //means out of the viewport
};

// Create an instance of IntersectionObserver with the callback and options

const observer = new IntersectionObserver(callback, options);

// Target element to be observed

const target = document.querySelector('.target-element');

// Start observing the target element

observer.observe(target);

//html
 <div class="scroll-indicator">Scroll Position: <span id="scrollPos">0</span></div> 

   
   
 //js
const scrollPosElement = document.getElementById('scrollPos');

window.addEventListener('scroll', function() {
            const scrollTop = document.documentElement.scrollTop || window.pageYOffset;
            scrollPosElement.textContent = scrollTop;
        });

const functions = require('@google-cloud/functions-framework');

functions.http('helloHttp', (req, res) => {
 res.send(`Hello ${req.query.name || req.body.name || 'World'}!`);
});

Cannot GET /es/

Cannot GET /es/

<style>
.online {content:url('http://dl7.glitter-graphics.net/pub/123/123537ffm5m11zus.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
body{background:url("https://i.postimg.cc/v801vYV1/gradient.png") no-repeat fixed; background-size:cover;}
</style>

<style>
main {
  background-color: transparent;
  color: white;
border-radius: 15px}
</style>

<style>
nav .top {border-radius: 15px;
border: 5px outset #0d4b73;
 background-color: #0066A7;}
</style>

<style>
nav .links {background-color: transparent;}
</style>

<style>
footer {background-color: transparent;}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #0066A7;
  color: white;
border-radius: 15px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color: #0066A7;
  color: white;
border-radius: 5px;
}
</style>

<style>
.col.w-40.left .contact {background-color: #0066A7;}
</style>

<style>
.col.w-40.left .url-info  {background-color: #0066A7;}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
</style>

<style>
.inner .comments-table {border: 1px transparent;}
</style>

<style>
main a {
  color: var(--white);
}
</style>

<style>
footer a {
  color: var(--white);
}
</style>

<style>
b .count {color: white;}
</style>

<style>
.profile .friends .person p{
 
    color: #fff;
}
</style>

<style>
.col.right .profile-info { background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>
.blurbs .section h4 {display: none !important;}
</style>

<style>
a:hover {
color: white;
font-style: ;
</style>
 
<style>
nav .links a:hover {
color: white;
font-style: ;
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body{font-family: 'Comic Neue', sans-serif;font-size: 120%; }

</style>

<style>
p.thick {
  font-weight: bold;
}
</style>

<style>
td .comment-replies {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>

.logo {

content:url("https://i.postimg.cc/7hxx2NCc/spaceheysims-1.png");
  height: 61px!important;
    width: 125px!important;

}

</style>

<style>main:before {
	width: 100%;
	height: 240px ;
	display: block;
	content: "";
	background-image: url('https://pbs.twimg.com/media/Fx1KAzvaYAEOIdR.jpg');
	background-position: center center;
	background-size: cover;
border-radius: 20px;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 300px;
	}
}
    </style>


<style>

.online{content:url("https://i.postimg.cc/BZdJGDB2/Plumbob-The-Sims-1-1-1.png");}

</style>
    
    <style>
    button {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
      border-radius: 5px;}
  </style>
  
  <style>
  .profile .url-info{
background: url('https://i.pinimg.com/originals/ba/2f/3a/ba2f3a6a97bc1cf9aa19ddfc8b3f2fb5.gif'); /*replace pic here*/
background-position: center;
background-size: cover;
border: var(--borders)!important;
border-radius: var(--curve);
height: 250px;
    border-radius: 10px;
} 
.url-info p{ opacity: 0.0; }
  </style>
  
  <style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.postimg.cc/sg9tNHc0/CD-Front-removebg-preview-1.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>
  
  <style>
  .friends-grid .person img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  
  td img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  </style>
  
  <style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
   <style>
td img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
td img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
  <style>
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00416b; 
}
</style>

<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

</style>

<style>* {cursor: url("http://www.rw-designer.com/cursor-view/188882.png"), url("http://www.rw-designer.com/cursor-view/188882.png"), auto !important;}</style>

<style>
.online {content:url('http://dl7.glitter-graphics.net/pub/123/123537ffm5m11zus.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
body{background:url("https://i.postimg.cc/v801vYV1/gradient.png") no-repeat fixed; background-size:cover;}
</style>

<style>
main {
  background-color: transparent;
  color: white;
border-radius: 15px}
</style>

<style>
nav .top {border-radius: 15px;
border: 5px outset #0d4b73;
 background-color: #0066A7;}
</style>

<style>
nav .links {background-color: transparent;}
</style>

<style>
footer {background-color: transparent;}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #0066A7;
  color: white;
border-radius: 15px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color: #0066A7;
  color: white;
border-radius: 5px;
}
</style>

<style>
.col.w-40.left .contact {background-color: #0066A7;}
</style>

<style>
.col.w-40.left .url-info  {background-color: #0066A7;}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
</style>

<style>
.inner .comments-table {border: 1px transparent;}
</style>

<style>
main a {
  color: var(--white);
}
</style>

<style>
footer a {
  color: var(--white);
}
</style>

<style>
b .count {color: white;}
</style>

<style>
.profile .friends .person p{
 
    color: #fff;
}
</style>

<style>
.col.right .profile-info { background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>
.blurbs .section h4 {display: none !important;}
</style>

<style>
a:hover {
color: white;
font-style: ;
</style>
 
<style>
nav .links a:hover {
color: white;
font-style: ;
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body{font-family: 'Comic Neue', sans-serif;font-size: 120%; }

</style>

<style>
p.thick {
  font-weight: bold;
}
</style>

<style>
td .comment-replies {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>

.logo {

content:url("https://i.postimg.cc/7hxx2NCc/spaceheysims-1.png");
  height: 61px!important;
    width: 125px!important;

}

</style>

<style>main:before {
	width: 100%;
	height: 240px ;
	display: block;
	content: "";
	background-image: url('https://pbs.twimg.com/media/Fx1KAzvaYAEOIdR.jpg');
	background-position: center center;
	background-size: cover;
border-radius: 20px;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 300px;
	}
}
    </style>


<style>

.online{content:url("https://i.postimg.cc/BZdJGDB2/Plumbob-The-Sims-1-1-1.png");}

</style>
    
    <style>
    button {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
      border-radius: 5px;}
  </style>
  
  <style>
  .profile .url-info{
background: url('https://i.pinimg.com/originals/ba/2f/3a/ba2f3a6a97bc1cf9aa19ddfc8b3f2fb5.gif'); /*replace pic here*/
background-position: center;
background-size: cover;
border: var(--borders)!important;
border-radius: var(--curve);
height: 250px;
    border-radius: 10px;
} 
.url-info p{ opacity: 0.0; }
  </style>
  
  <style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.postimg.cc/sg9tNHc0/CD-Front-removebg-preview-1.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>
  
  <style>
  .friends-grid .person img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  
  td img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  </style>
  
  <style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
   <style>
td img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
td img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
  <style>
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00416b; 
}
</style>

<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

</style>

<style>* {cursor: url("http://www.rw-designer.com/cursor-view/188882.png"), url("http://www.rw-designer.com/cursor-view/188882.png"), auto !important;}</style>

<img src="<?= $section['right_image'] ?>" alt="<?php echo $section['url']['alt'];?>">


<img src="<?= $item['sub_image']['url']?>" alt="<?php echo $item['sub_image']['alt'];?>" title="<?php echo $item['sub_image']['title'];?>" class="box-img">

line#Line_6, line#Line_3, path#Vector_3, line#Line_5, #Vector_2, line#Line_4, line#Line_2 {
    animation: dash 25s linear infinite;
    animation-direction: reverse;
    stroke-dasharray: 5;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 1000;
  }
}

# Drop rows with missing values
df = df.dropna()

# Fill missing values
df = df.fillna(value=0)

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}