<style>
body{background:url("https://static.wikia.nocookie.net/life-is-strange/images/a/ac/LIS_-_Victoria-Bedroom.jpg/revision/latest?cb=20150712212736") no-repeat fixed; background-size:cover;}
</style>

<style>
.profile {
background:#b7a7aa;
border-radius: 15px;

 }
</style>

<style>
.general-about {

 background:#948789;

  border-radius: 30px;
</style>

<style>
.blog-preview {

  background:#948789;

  border-radius: 15px;
</style>

<style>
.blurbs {

    background:#948789;

  border-radius: 3px;
 }
</style>

<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

</style>

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

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 5px solid #948789;
border-radius: 20px;
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color:#948789;
  color: ;
border-radius: 10px;
</style>

<style>
.profile .table-section .details-table td {
  background-color: #948789;
  color: #5e5657;
border-radius: 10px;
}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #948789;
  color: #fff;
border-radius: 60px;
</style>

<style>
@import url("https://robins.one/spacehey/addons/modern-comments.css");

</style>

<style>
p {
color: #5e5657;
}
</style>

<style>

 .blurbs .section h4{display: none !important;}

</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "❝Now you're totally stuck in the retro zone.. sad face :(❞"; font-size:.8rem; font-weight:bold; color:insert color; }

</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Fasthand&family=Patrick+Hand&display=swap');
p{
  font-family: 'Patrick Hand', cursive;
  font-size: 140%;
}
h1,h2,h3,h4,h5{
  font-family: 'Patrick Hand', cursive;
  font-size: 160%;  
</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=Fasthand&family=Oleo+Script:wght@400;700&family=Patrick+Hand&display=swap");

.w-40 h1{
font-family: Oleo Script;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#ffff, #ffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px white;
}
</style>


<img src="https://i.pinimg.com/564x/1c/44/de/1c44dee19868220819132782ea4dfb5a.jpg"/>
  

<img src="https://i.pinimg.com/564x/c8/ff/e1/c8ffe11c8a99bb3894f6923274c0035e.jpg"/>

<style>
.online { visibility: hidden; } .online img { content: url("https://xyz.crd.co/assets/images/gallery08/6f775f2c.png?v=4ca63763"); animation-name: none; visibility: visible; height: 30px; width: 30px
</style>


<style>
nav{background-color:#948789;(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important; border-radius: 15px;}

nav ul{background:none !important;}

nav img{filter: opacity(80%) !important;}

nav ul a img, .mood a img{display:none !important;}

.top{background:none !important;background-color:rgba(0, 0, 0, 0.1); !important;}

<style>
li.active .icon { content:url('https://xyz.crd.co/assets/images/gallery12/f45cb68e.gif?v=4ca63763'); width: 20PX;height: 20px;}
</style>

<style>
.profile-pic {
    background: #fff;
    padding: 5px 5px 196px;
    box-shadow: 3px 3px 10px silver;}
</style>

<style>
main:before {
	width: 100%;
	height: 150px;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif');
	background-position: center center;
	background-size: cover;
border-radius: 15px;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</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>
 .profile .friends .person img {
        border-radius: 500px;
    }
</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://64.media.tumblr.com/4330af98ddd856c140ef079da0e462a4/tumblr_pfffh4pYjL1un7uhro5_400.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

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

<iframe width="1" height="1" src="https://www.youtube.com/embed/3JPA3z5PmJQ?si=ZIZIrF30D5E9dUUv?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>

Opposites
The last important keyword is not.

if not (ram < 8):
    print("Enough memory")
Copy code

Copy And Save

Share

Ask Copilot

 Save
This is equivalent to writing:

if ram >= 8:
    print("Enouph memory")
Copy code

Copy And Save

Share

Ask Copilot

 Save
Notice that it's >= now. Why? (What happens if the variable ram is exactly 8?)

All of this is the field of logic!

718505db7c651fd1735b3d683a9815bf

Converting between types
These two variables seem to contain the same thing: 

birthyear = 2010
year = "2010"

A program will only work properly if we as programmers keep track of what type of data is where. It's important, because that decides what we are able to do with a variable.

For example, the following code works:

# Example 1
print(kids_in_the_class + temperature)

kids_in_the_class = 25
temperature = 18.5
my_language = "python"

import 'dart:async';

import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

class Otp extends StatefulWidget {
  final String email;
  final String newEmail;
  final bool isGuestCheckOut;

  const Otp({
    Key key,
    @required this.email,
    this.newEmail = "",
    this.isGuestCheckOut,
  }) : super(key: key);

  @override
  _OtpState createState() => new _OtpState();
}

class _OtpState extends State<Otp> with SingleTickerProviderStateMixin {
  // Constants
  final int time = 30;
  AnimationController _controller;

  // Variables
  Size _screenSize;
  int _currentDigit;
  int _firstDigit;
  int _secondDigit;
  int _thirdDigit;
  int _fourthDigit;

  Timer timer;
  int totalTimeInSeconds;
  bool _hideResendButton;

  String userName = "";
  bool didReadNotifications = false;
  int unReadNotificationsCount = 0;

  // Returns "Appbar"
  get _getAppbar {
    return new AppBar(
      backgroundColor: Colors.transparent,
      elevation: 0.0,
      leading: new InkWell(
        borderRadius: BorderRadius.circular(30.0),
        child: new Icon(
          Icons.arrow_back,
          color: Colors.black54,
        ),
        onTap: () {
          Navigator.pop(context);
        },
      ),
      centerTitle: true,
    );
  }

  // Return "Verification Code" label
  get _getVerificationCodeLabel {
    return new Text(
      "Verification Code",
      textAlign: TextAlign.center,
      style: new TextStyle(
          fontSize: 28.0, color: Colors.black, fontWeight: FontWeight.bold),
    );
  }

  // Return "Email" label
  get _getEmailLabel {
    return new Text(
      "Please enter the OTP sent\non your registered Email ID.",
      textAlign: TextAlign.center,
      style: new TextStyle(
          fontSize: 18.0, color: Colors.black, fontWeight: FontWeight.w600),
    );
  }

  // Return "OTP" input field
  get _getInputField {
    return new Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        _otpTextField(_firstDigit),
        _otpTextField(_secondDigit),
        _otpTextField(_thirdDigit),
        _otpTextField(_fourthDigit),
      ],
    );
  }

  // Returns "OTP" input part
  get _getInputPart {
    return new Column(
      mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        _getVerificationCodeLabel,
        _getEmailLabel,
        _getInputField,
        _hideResendButton ? _getTimerText : _getResendButton,
        _getOtpKeyboard
      ],
    );
  }

  // Returns "Timer" label
  get _getTimerText {
    return Container(
      height: 32,
      child: new Offstage(
        offstage: !_hideResendButton,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            new Icon(Icons.access_time),
            new SizedBox(
              width: 5.0,
            ),
            OtpTimer(_controller, 15.0, Colors.black)
          ],
        ),
      ),
    );
  }

  // Returns "Resend" button
  get _getResendButton {
    return new InkWell(
      child: new Container(
        height: 32,
        width: 120,
        decoration: BoxDecoration(
            color: Colors.black,
            shape: BoxShape.rectangle,
            borderRadius: BorderRadius.circular(32)),
        alignment: Alignment.center,
        child: new Text(
          "Resend OTP",
          style:
              new TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
        ),
      ),
      onTap: () {
        // Resend you OTP via API or anything
      },
    );
  }

  // Returns "Otp" keyboard
  get _getOtpKeyboard {
    return new Container(
        height: _screenSize.width - 80,
        child: new Column(
          children: <Widget>[
            new Expanded(
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  _otpKeyboardInputButton(
                      label: "1",
                      onPressed: () {
                        _setCurrentDigit(1);
                      }),
                  _otpKeyboardInputButton(
                      label: "2",
                      onPressed: () {
                        _setCurrentDigit(2);
                      }),
                  _otpKeyboardInputButton(
                      label: "3",
                      onPressed: () {
                        _setCurrentDigit(3);
                      }),
                ],
              ),
            ),
            new Expanded(
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  _otpKeyboardInputButton(
                      label: "4",
                      onPressed: () {
                        _setCurrentDigit(4);
                      }),
                  _otpKeyboardInputButton(
                      label: "5",
                      onPressed: () {
                        _setCurrentDigit(5);
                      }),
                  _otpKeyboardInputButton(
                      label: "6",
                      onPressed: () {
                        _setCurrentDigit(6);
                      }),
                ],
              ),
            ),
            new Expanded(
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  _otpKeyboardInputButton(
                      label: "7",
                      onPressed: () {
                        _setCurrentDigit(7);
                      }),
                  _otpKeyboardInputButton(
                      label: "8",
                      onPressed: () {
                        _setCurrentDigit(8);
                      }),
                  _otpKeyboardInputButton(
                      label: "9",
                      onPressed: () {
                        _setCurrentDigit(9);
                      }),
                ],
              ),
            ),
            new Expanded(
              child: new Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  new SizedBox(
                    width: 80.0,
                  ),
                  _otpKeyboardInputButton(
                      label: "0",
                      onPressed: () {
                        _setCurrentDigit(0);
                      }),
                  _otpKeyboardActionButton(
                      label: new Icon(
                        Icons.backspace,
                        color: Colors.black,
                      ),
                      onPressed: () {
                        setState(() {
                          if (_fourthDigit != null) {
                            _fourthDigit = null;
                          } else if (_thirdDigit != null) {
                            _thirdDigit = null;
                          } else if (_secondDigit != null) {
                            _secondDigit = null;
                          } else if (_firstDigit != null) {
                            _firstDigit = null;
                          }
                        });
                      }),
                ],
              ),
            ),
          ],
        ));
  }

  // Overridden methods
  @override
  void initState() {
    totalTimeInSeconds = time;
    super.initState();
    _controller =
        AnimationController(vsync: this, duration: Duration(seconds: time))
          ..addStatusListener((status) {
            if (status == AnimationStatus.dismissed) {
              setState(() {
                _hideResendButton = !_hideResendButton;
              });
            }
          });
    _controller.reverse(
        from: _controller.value == 0.0 ? 1.0 : _controller.value);
    _startCountdown();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    _screenSize = MediaQuery.of(context).size;
    return new Scaffold(
      appBar: _getAppbar,
      backgroundColor: Colors.white,
      body: new Container(
        width: _screenSize.width,
//        padding: new EdgeInsets.only(bottom: 16.0),
        child: _getInputPart,
      ),
    );
  }

  // Returns "Otp custom text field"
  Widget _otpTextField(int digit) {
    return new Container(
      width: 35.0,
      height: 45.0,
      alignment: Alignment.center,
      child: new Text(
        digit != null ? digit.toString() : "",
        style: new TextStyle(
          fontSize: 30.0,
          color: Colors.black,
        ),
      ),
      decoration: BoxDecoration(
//            color: Colors.grey.withOpacity(0.4),
          border: Border(
              bottom: BorderSide(
        width: 2.0,
        color: Colors.black,
      ))),
    );
  }

  // Returns "Otp keyboard input Button"
  Widget _otpKeyboardInputButton({String label, VoidCallback onPressed}) {
    return new Material(
      color: Colors.transparent,
      child: new InkWell(
        onTap: onPressed,
        borderRadius: new BorderRadius.circular(40.0),
        child: new Container(
          height: 80.0,
          width: 80.0,
          decoration: new BoxDecoration(
            shape: BoxShape.circle,
          ),
          child: new Center(
            child: new Text(
              label,
              style: new TextStyle(
                fontSize: 30.0,
                color: Colors.black,
              ),
            ),
          ),
        ),
      ),
    );
  }

  // Returns "Otp keyboard action Button"
  _otpKeyboardActionButton({Widget label, VoidCallback onPressed}) {
    return new InkWell(
      onTap: onPressed,
      borderRadius: new BorderRadius.circular(40.0),
      child: new Container(
        height: 80.0,
        width: 80.0,
        decoration: new BoxDecoration(
          shape: BoxShape.circle,
        ),
        child: new Center(
          child: label,
        ),
      ),
    );
  }

  // Current digit
  void _setCurrentDigit(int i) {
    setState(() {
      _currentDigit = i;
      if (_firstDigit == null) {
        _firstDigit = _currentDigit;
      } else if (_secondDigit == null) {
        _secondDigit = _currentDigit;
      } else if (_thirdDigit == null) {
        _thirdDigit = _currentDigit;
      } else if (_fourthDigit == null) {
        _fourthDigit = _currentDigit;

        var otp = _firstDigit.toString() +
            _secondDigit.toString() +
            _thirdDigit.toString() +
            _fourthDigit.toString();

        // Verify your otp by here. API call
      }
    });
  }

  Future<Null> _startCountdown() async {
    setState(() {
      _hideResendButton = true;
      totalTimeInSeconds = time;
    });
    _controller.reverse(
        from: _controller.value == 0.0 ? 1.0 : _controller.value);
  }

  void clearOtp() {
    _fourthDigit = null;
    _thirdDigit = null;
    _secondDigit = null;
    _firstDigit = null;
    setState(() {});
  }
}

class OtpTimer extends StatelessWidget {
  final AnimationController controller;
  double fontSize;
  Color timeColor = Colors.black;

  OtpTimer(this.controller, this.fontSize, this.timeColor);

  String get timerString {
    Duration duration = controller.duration * controller.value;
    if (duration.inHours > 0) {
      return '${duration.inHours}:${duration.inMinutes % 60}:${(duration.inSeconds % 60).toString().padLeft(2, '0')}';
    }
    return '${duration.inMinutes % 60}:${(duration.inSeconds % 60).toString().padLeft(2, '0')}';
  }

  Duration get duration {
    Duration duration = controller.duration;
    return duration;
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
        animation: controller,
        builder: (BuildContext context, Widget child) {
          return new Text(
            timerString,
            style: new TextStyle(
                fontSize: fontSize,
                color: timeColor,
                fontWeight: FontWeight.w600),
          );
        });
  }
}

<style>


.container {
width: 90%;
max-width: 1600px;
}

</style>

<style>
main {
  background-color: transparent;
  color: #ccc;
  
}
</style>

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

<style>
h3 , h4, h5, .url-info b {
    color: white;  
}
</style>

<style>
a {
     color: white;
}
</style>

<style>
p, h2 {
     color: white
}
</style>

<style>
h1, .count, .friends a p {
     color: white;
} 
</style>

<style>
p {
color: #ffffff;
}
</style>

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

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #a8948d;
  color: #bbb;
}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color:#bda9a2;
  color: #ccc;
border-radius: 10px;
}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #a8948d;
  color: #bbb;
border-radius: 10px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #bda9a2;
border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
@import url("https://robins.one/spacehey/addons/modern-comments.css");
</style>

<style>
footer {
    border-radius: 15px;
     background-color: #bda9a2;
    color: white;
}
</style>

<style>
.nav .top , nav .links{

background: transparent;

text-align: center;

}
</style>

<style>
:root{
/* [background color]: #a8948d; */
 --logo-blue:url(URL);
}
</style>

<style>main:before {
	width: 100%;
	height: 150px ;
	display: block;
	content: "";
border-radius: 40px;
 border: 5px solid #a8948d;
	background-image: url('https://static1.thegamerimages.com/wordpress/wp-content/uploads/2022/02/Life-Is-Strange-Victoria-On-Steps.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");

.w-40 h1{
font-family: EB Garamond;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px white;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
p{
  font-family: 'Short Stack', cursive;
  font-size: 100%;
}
h1,h2,h3,h4,h5{
  font-family: 'Short Stack', cursive;
  font-size: 90%;  
</style>

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

<img src="https://i.postimg.cc/c17vQ86m/tumblr-inline-np61g3a-GPu1rxkjmy-1280-removebg-preview-1.png"/>

<style>
.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}
</style>

 <style>
img.logo{
content: url("https://i.postimg.cc/FKwjk1N0/slazzer-edit-image-removebg-preview1-ezgif-com-resize-1.png");
width: 55px !important;
height: 55px !important;
</style>

<style>.online { visibility: hidden; } .online img { content: url("https://gifcity.carrd.co/assets/images/gallery01/443336b3.gif?v=26dffab5"); animation-name: none; visibility: visible; height: 25px; width: 25px; }</style>

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery75/ff14472a.png?v=26dffab5'); width: 20PX;height: 20px;}
</style>

<style>
.col.right .profile-info {border-radius: 40px;
 border: 5px solid #a8948d; }
</style>

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

<style>
.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(-3deg);
}
.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: -30px;
left: 0px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/polaroid.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}
</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://i.postimg.cc/qRcB8B9N/tumblr-inline-o573l9-Zt-U51qe4y2o-640-removebg-preview-1.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<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>
.friends-grid img,.comments-table img{border-radius:500px;}
</style>

<style>
  
  .logo {
  
  content:url("https://i.ibb.co/2PC3fQ1/Untitled903-20231024024042.png")
  
  }
  
  </style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>


.container {
width: 90%;
max-width: 1600px;
}

</style>

<style>
main {
  background-color: transparent;
  color: #ccc;
  
}
</style>

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

<style>
h3 , h4, h5, .url-info b {
    color: white;  
}
</style>

<style>
a {
     color: white;
}
</style>

<style>
p, h2 {
     color: white
}
</style>

<style>
h1, .count, .friends a p {
     color: white;
} 
</style>

<style>
p {
color: #ffffff;
}
</style>

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

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #a8948d;
  color: #bbb;
}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color:#bda9a2;
  color: #ccc;
border-radius: 10px;
}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #a8948d;
  color: #bbb;
border-radius: 10px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #bda9a2;
border: 3px solid #a8948d;
border-radius: 10px;
}
</style>

<style>
@import url("https://robins.one/spacehey/addons/modern-comments.css");
</style>

<style>
footer {
    border-radius: 15px;
     background-color: #bda9a2;
    color: white;
}
</style>

<style>
.nav .top , nav .links{

background: transparent;

text-align: center;

}
</style>

<style>
:root{
/* [background color]: #a8948d; */
 --logo-blue:url(URL);
}
</style>

<style>main:before {
	width: 100%;
	height: 150px ;
	display: block;
	content: "";
border-radius: 40px;
 border: 5px solid #a8948d;
	background-image: url('https://static1.thegamerimages.com/wordpress/wp-content/uploads/2022/02/Life-Is-Strange-Victoria-On-Steps.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");

.w-40 h1{
font-family: EB Garamond;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0px white;
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
p{
  font-family: 'Short Stack', cursive;
  font-size: 100%;
}
h1,h2,h3,h4,h5{
  font-family: 'Short Stack', cursive;
  font-size: 90%;  
</style>

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

<img src="https://i.postimg.cc/c17vQ86m/tumblr-inline-np61g3a-GPu1rxkjmy-1280-removebg-preview-1.png"/>

<style>
.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}
</style>

 <style>
img.logo{
content: url("https://i.postimg.cc/FKwjk1N0/slazzer-edit-image-removebg-preview1-ezgif-com-resize-1.png");
width: 55px !important;
height: 55px !important;
</style>

<style>.online { visibility: hidden; } .online img { content: url("https://gifcity.carrd.co/assets/images/gallery01/443336b3.gif?v=26dffab5"); animation-name: none; visibility: visible; height: 25px; width: 25px; }</style>

<style>
li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery75/ff14472a.png?v=26dffab5'); width: 20PX;height: 20px;}
</style>

<style>
.col.right .profile-info {border-radius: 40px;
 border: 5px solid #a8948d; }
</style>

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

<style>
.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(4deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(-3deg);
}
.general-about .profile-pic:before {
content: var(--polaroid-name);
font-family: 'teabeer';
font-size: var(--name-size);
position: absolute;
z-index: 2;
bottom: -30px;
left: 0px;
width: 100%;
text-align: center;
}
.general-about .profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/polaroid.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 210px;
}
.mood {
margin-top: 50px;
}
</style>

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://i.postimg.cc/qRcB8B9N/tumblr-inline-o573l9-Zt-U51qe4y2o-640-removebg-preview-1.png') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

<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>
.friends-grid img,.comments-table img{border-radius:500px;}
</style>

<style>
  
  .logo {
  
  content:url("https://i.ibb.co/2PC3fQ1/Untitled903-20231024024042.png")
  
  }
  
  </style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

sudo docker run -itd \
-p 9090:9090-p 9000:9000\
--name minio --restart=always \
-e "MINIO_ROOT_USER=admin" \
-e "MINIO_ROOT_PASSWORD=<password>" \
-v /path/to/data:/data \
minio/minio  server /data --console-address ":9090" -address ":9000"

version: '3.9'

services:
  prometheus:
    image: prom/prometheus:latest
    container_name: prometheus
    hostname: prometheus
    command:
      - '--config.file=/etc/prometheus/prometheus.yml'
    ports:
      - 9090:9090
    stdin_open: true
    tty: true
    restart: always
    environment:
      TZ: "Europe/Moscow"
    volumes:
      - ./prometheus/:/etc/prometheus/
      - prom_data:/prometheus
    networks:
     default:
      ipv4_address: 172.28.0.101
  grafana:
    image: grafana/grafana
    container_name: grafana
    ports:
      - 3000:3000
    stdin_open: true
    tty: true
    restart: always
    environment:
      - GF_SECURITY_ADMIN_USER=admin
      - GF_SECURITY_ADMIN_PASSWORD=grafana
    volumes:
      - ./grafana:/etc/grafana/provisioning/datasources
    links:
      - prometheus
    networks:
     default:
      ipv4_address: 172.28.0.102
  node_exporter:
    image: prom/node-exporter
    container_name: exporter
    hostname: exporter
    command:
      - --path.procfs=/host/proc
      - --path.sysfs=/host/sys
      - --collector.filesystem.ignored-mount-points
      - ^/(sys|proc|dev|host|etc|rootfs/var/lib/docker/containers|rootfs/var/lib/docker/overlay2|rootfs/run/docker/netns|rootfs/var/lib/docker/aufs)($$|/)
    pid: host
    environment:
      TZ: "Europe/Moscow"
    restart: always
    volumes:
      - /proc:/host/proc:ro
      - /sys:/host/sys:ro
      - /:/rootfs:ro
    ports:
      - "9100:9100"
    networks:
     default:
      ipv4_address: 172.28.0.103
  alertmanager:
    image: prom/alertmanager:latest
    container_name: alertmanager
    hostname: alertmanager
    ports:
      - 9093:9093
    volumes:
      - ./alertmanager/:/etc/alertmanager/
      - alertmanager-data:/data
    restart: always
    command:
      - '--config.file=/etc/alertmanager/alertmanager.yml'
      - '--storage.path=/alertmanager'
    networks:
     default:
      ipv4_address: 172.28.0.104
networks:
  default:
    ipam:
      driver: default
      config:
        - subnet: 172.28.0.0/16
volumes:
  prom_data:
  alertmanager-data:

:root{
  --blue:#09f;
  --light:color-mix(in srgb, var(--blue), red 50%);
}
.text{
  font-size:100px;
  color:var(--light);
}

module.exports = {
  content: ['./src/**/*.{html,js,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primaryColor: '#E17446',
        primaryColorHover: '#db5b24',
        primaryText: '#111130',
        primaryBlue: '#2b5a9c',
        textLight: '#9e9ebc',
        Gray: '#8f9bad',
        f6f9fd: '#f6f9fd',
        dddddd: '#dddddd',
        inputborder: '#e8e8e8',
        borderColor: '#ebebeb',
        green: '#008f02',
        lightGreen: '#e2f2e2',
        orange: '#f05c00',
        orangeLight: '#fcede4',
        redLight: '#fde5e5',
        red: '#f00000',
        border1: '#ebebeb',

        themecolor: '#E17446',
        hoverthemecolor: '#db5b24',
      },
      backgroundImage: {
        close: 'url(/public/images/colse.png)',
        trendBG1: 'url(../../public/images/blog-img.jpg)',
      },
      boxShadow: {
        inputFocus:
          'rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px',
        headerFix: 'rgba(0, 0, 0, 0.1) 0px 10px 50px',
        sibarToggle: '-4px 5px 5px #0000000d',
        sibarToggleRTL: '5px -4px 6px #0000000d',
      },
      spacing: {
        '5px': '5px',
        '10px': '10px',
        '14px': '14px',
        '15px': '15px',
        '18px': '18px',
        '20px': '20px',
        '25px': '25px',
        '30px': '30px',
        '35px': '35px',
        '40px': '40px',
        '45px': '45px',
        '50px': '50px',
        '55px': '55px',
        '60px': '60px',
        '65px': '65px',
        '70px': '70px',
        '75px': '75px',
        '80px': '80px',
        '85px': '85px',
        '90px': '90px',
        '95px': '95px',
        '100px': '100px',
        '106px': '106px',
        '120px': '120px',
        unset: 'unset',
      },
      fontFamily: {
        charter: 'var(--charterFont)',
        sohne: 'var(--sohneFont)',
        poppins: 'var(--poppins)',
        gloock: 'var(--gloock)',
      },
      fontSize: {
        0: '0',
        '5px': '5px',
        '10px': '10px',
        '14px': '14px',
        '15px': '15px',
        '16px': '16px',
        '17px': '17px',
        '20px': '20px',
        '22px': '22px',
        '25px': '25px',
        '28px': '28px',
        '30px': '30px',
        '35px': '35px',
        '40px': '40px',
        '45px': '45px',
        '50px': '50px',
        '55px': '55px',
        '60px': '60px',
        '65px': '65px',
        '70px': '70px',
        '75px': '75px',
        '80px': '80px',
        '85px': '85px',
        '90px': '90px',
        '95px': '95px',
        '100px': '100px',
        unset: 'unset',
      },
      lineHeight: {
        1: '1',
        '5px': '5px',
        '10x': '10px',
        '15px': '15px',
        '19px': '19px',
        '22px': '22px',
        '20px': '20px',
        '25px': '25px',
        '28px': '28px',
        '30px': '30px',
        '32px': '32px',
        '35px': '35px',
        '36px': '36px',
        '40px': '40px',
        '42px': '42px',
        '46px': '46px',
        '45px': '45px',
        '50px': '50px',
        '52px': '52px',
        '55px': '55px',
        '60px': '60px',
        '65px': '65px',
        '70px': '70px',
        '75px': '75px',
        '80px': '80px',
        '85px': '85px',
        '90px': '90px',
        '95px': '95px',
        '100px': '100px',
        unset: 'unset',
        Normal: 'normal',
      },
      zIndex: {
        1: '9',
        2: '99',
        3: '999',
        4: '9999',
        5: '99999',
        6: '999999',
      },
      borderRadius: {
        '5px': '5px',
        '10px': '10px',
        '15px': '15px',
      },
      screens: {
        768: '768px',
        992: '992px',
        1200: '1200px',
        1300: '1300px',
        1400: '1400px',
        1500: '1500px',
        1600: '1600px',
        1700: '1700px',
      },
      animation: {
        slow: 'wiggle 2s linear',
      },
      keyframes: {
        wiggle: {
          '0%': { transform: 'transform(164.25px)' },
          '100%': { transform: 'rotate(0px)' },
        },
      },
    },
  },
}

.header {
  padding: 1.5rem 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: $white;
  z-index: 99;
  @include transition(300ms);

  @media (min-width: $lg) {
    padding: 3rem 0;
  }

  &.sticky {
    background: $white !important;
    padding: 2rem 0;
  }

  &--transperant {
    background: transparent;
  }

  &__logo-link {

    img,
    svg {
      float: left;
      height: auto;
      // height: 100%;
      width: 100%;
      width: auto;

      @media (min-width: $sm) {
        height: 50px;
      }

      @media (min-width: $xl) {
        height: 60px;
      }
    }
  }

  &-btn {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    position: relative;

    @media (min-width:$lg) {
      margin-top: 0;
      display: inline-block;
    }

    @media (min-width:$lg) {
      margin-left: 4.5rem !important;
    }

    a {
      border-radius: 0 15px 0 15px;
      width: auto !important;
      padding: 7px 25px !important;
      font-size: 1.5rem !important;
      line-height: 2.2rem !important;

      @media (min-width: $xl) {
        padding: 5px 43px 5px 30px !important;
        line-height: 3rem !important;
      }
    }
  }

  &__burger {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    float: right;
    position: relative;
    z-index: 10;

    @media (min-width: $lg) {
      display: none;
    }

    .line {
      fill: none;
      stroke: $primary;
      stroke-width: 6;
      transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
      stroke-dasharray: 60 207;
      stroke-width: 6;
    }

    .line2 {
      stroke-dasharray: 60 60;
      stroke-width: 6;
    }

    .line3 {
      stroke-dasharray: 60 207;
      stroke-width: 6;
    }

    &.opened .line1 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 6;
    }

    &.opened .line2 {
      stroke-dasharray: 1 60;
      stroke-dashoffset: -30;
      stroke-width: 6;
    }

    &.opened .line3 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 6;
    }
  }

  .col-lg-10 {
    position: static;
  }

  .nav-main {
    float: right;
    display: none;
    position: absolute;
    right: 0;
    padding: 50px 15px;
    width: 100%;
    top: calc(100% + 0px);
    background: $white;
    height: calc(100vh - 80px);

    @media (min-width: $lg) {
      height: auto;
      position: static;
      background: none;
      padding: 0;
      max-width: none;
      width: auto;
      display: flex !important;
      align-items: center;
    }

    @media (max-width: 991px) {
      overflow: auto;
    }

    .primary {
      display: block;
      float: left;
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: center;

      @media (min-width: $lg) {
        text-align: left;
        display: flex;
        align-items: center;
      }
    }

    .menu {
      display: block;
      float: left;
      margin: 0;
      padding: 0;

      &-item {
        float: left;
        padding: 0;
        width: 100%;

        @media (min-width: $lg) {
          margin: 0 5px;
          width: auto;
        }

        i.dropdown-arv {
          position: absolute;
          right: 15px;
          width: 12px;
          height: 12px;
          text-align: center;
          top: 43%;
          z-index: 5;
          border-top: 2px solid $dark;
          border-right: 2px solid $dark;
          transform: translateY(-50%) rotate(135deg);

          &.active {
            transform: rotate(-45deg);
            content: "-";
          }
        }

        .dropdown-arv-cont {
          position: absolute;
          top: 4px;
          right: 18%;
          z-index: 5;
          width: 44px;
          height: 100%;
          @include transition(300ms);

          @media (min-width: $sm) {
            right: 35%;
          }

          @media (min-width: $md) {
            right: 40%;
          }

          @media (min-width: $lg) {
            display: none;
          }

          &.active {
            transform: rotate(180deg);
            @include transition(300ms);
          }
        }

        &:before {
          display: none;
        }

        &:first-child {
          margin-left: 0;
        }

        &:last-child {
          margin-right: 0;
        }

        a {
          position: relative;
          font-family: $Quicksand;
          font-weight: $normal;
          float: left;
          color: $dark;
          width: 100%;
          padding: 5px 15px;
          font-size: 2.5rem;
          line-height: 3.5rem;

          @media (min-width: $lg) {
            width: auto;
            padding: 7px 10px;
            border-radius: 10px;
            font-size: 1.7rem;
            line-height: 2.7rem;
          }

          @media (min-width: $xl) {
            padding: 7px 10px;
          }

          @media (min-width: $xxl) {
            padding: 10px 19px;
          }

          &:hover,
          &.active {
            color: $primary;

            .dropdown-arv {
              border-color: $primary;
            }
          }
        }

        &.current-menu-item a,
        &.current-menu-parent>a {
          color: $primary;
          font-weight: $bold;

          .dropdown-arv {
            border-color: $primary;
          }
        }

        .sub-menu {
          display: none;
          width: 100%;
          // padding-bottom: 10px;

          @media (min-width: $lg) {
            width: 240px;
            position: absolute;
            top: 100%;
            left: 0;
            background: $white;
            border-top: 2px solid $blue;
            padding: 10px 0;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
          }

          &.active {
            @media (max-width: 991px) {
              display: block;
              float: left;
              width: 100%;
            }
          }

          .menu-item {
            margin: 0;

            a {
              color: $gray;
              width: 100%;
              padding: 3px 15px;
              font-weight: $normal;
              font-size: 1.6rem;
              line-height: 2.2rem;

              @media (min-width: $lg) {
                padding: 5px 15px;
              }

              &:hover {
                color: $blue;
                background: transparent;
              }

              &:before {
                content: '';
                display: none;
                padding-right: 5px;

                @media (max-width: 991px) {
                  display: inline-block;
                }
              }
            }

            &.current-menu-item a {
              color: $blue;
              background: transparent;
            }
          }
        }

        &:hover {
          .sub-menu {
            @media (min-width: $lg) {
              display: block;
            }
          }
        }

        &-has-children {
          // display: flex;
          // justify-content: center;

          a {
            // display: inline-block;
            // width: auto;
          }
        }
      }
    }
  }

  &__nav-col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

body {

  &.home {
    .main-wrapper {
      padding-top: 0;
    }
  }

  .main-wrapper {
    padding-top: 8rem;

    @media (min-width:$lg) {
      padding-top: 12rem;
    }
  }
}

import $ from 'jquery';

class Header {
	constructor(element) {
		this.$element = $(element);
		this.$burger = this.$element.find('.header__burger');
		this.$Nav = this.$element.find('.nav-main');
		this.$hasSub = this.$element.find('.menu-item-has-children');
		this.$menuArrow = this.$element.find('.dropdown-arv-cont');
		this.$menuBg = this.$element.find('.header__menu-bg');
		this.init();
	}

	// headerPadding() {
	// 	if (!this.$element.hasClass('header--transperant')) {
	// 		let hHeight = this.$element.height();
	// 		$('.main-wrapper').css({ 'padding-top': hHeight });
	// 	}
	// }

	init() {
		// $(document).ready(() => {
		// 	this.headerPadding();
		// });

		$(window).on('resize load', () => {
			this.$element.addClass('loaded');
		});

		$(window).on('scroll', () => {
			if ($(window).scrollTop() > 100) {
				$('.header').addClass('sticky');
			} else {
				$('.header').removeClass('sticky');
			}
		});

		$(document).on(
			'click',
			'.menu-item-has-children .dropdown-arv-cont',
			function () {
				$(this).closest('li').toggleClass('active');
			},
		);

		this.$burger.on('click', (e) => {
			e.preventDefault();
			if ($(e.currentTarget).hasClass('opened')) {
				$(e.currentTarget).removeClass('opened').attr('aria-expanded', 'false');
				this.$Nav.slideUp(300).parent().removeClass('active');
				$('.menu-item-has-children .dropdown-arv-cont').removeClass('active');
				$('body').css('overflow-y', 'visible');
				$('.dropdown-arv-cont')
					.closest('li')
					.children('.sub-menu')
					.removeClass('active');
			} else {
				$(e.currentTarget).addClass('opened').attr('aria-expanded', 'true');
				this.$Nav.slideDown(300).parent().toggleClass('active');
				$('body').css('overflow-y', 'hidden');
			}
		});

		this.$menuBg.on('click', (e) => {
			e.preventDefault();
			this.$burger.removeClass('opened').attr('aria-expanded', 'false');
			this.$Nav.slideUp(300).parent().removeClass('active');
		});

		$(document).on('click', '.dropdown-arv-cont', function (e) {
			e.preventDefault();
			if ($(this).hasClass('active')) {
				$(this).removeClass('active');
				$(this).closest('li').children('.sub-menu').removeClass('active');
			} else {
				$(this).addClass('active');
				$(this).closest('li').children('.sub-menu').addClass('active');
			}
		});
	}
}

$('[data-header]').each((index, element) => new Header(element));

version: '3.9'

services:
  prometheus:
    image: prom/prometheus:latest
    container_name: prometheus
    hostname: prometheus
    command:
      - '--config.file=/etc/prometheus/prometheus.yml'
    ports:
      - 9090:9090
    stdin_open: true
    tty: true
    restart: always
    environment:
      TZ: "Europe/Moscow"
    volumes:
      - ./prometheus/:/etc/prometheus/
      - prom_data:/prometheus
    networks:
     default:
      ipv4_address: 172.28.0.101
  grafana:
    image: grafana/grafana
    container_name: grafana
    ports:
      - 3000:3000
    stdin_open: true
    tty: true
    restart: always
    environment:
      - GF_SECURITY_ADMIN_USER=admin
      - GF_SECURITY_ADMIN_PASSWORD=grafana
    volumes:
      - ./grafana:/etc/grafana/provisioning/datasources
    links:
      - prometheus
    networks:
     default:
      ipv4_address: 172.28.0.102
  node_exporter:
    image: prom/node-exporter
    container_name: exporter
    hostname: exporter
    command:
      - --path.procfs=/host/proc
      - --path.sysfs=/host/sys
      - --collector.filesystem.ignored-mount-points
      - ^/(sys|proc|dev|host|etc|rootfs/var/lib/docker/containers|rootfs/var/lib/docker/overlay2|rootfs/run/docker/netns|rootfs/var/lib/docker/aufs)($$|/)
    pid: host
    environment:
      TZ: "Europe/Moscow"
    restart: always
    volumes:
      - /proc:/host/proc:ro
      - /sys:/host/sys:ro
      - /:/rootfs:ro
    ports:
      - "9100:9100"
    networks:
     default:
      ipv4_address: 172.28.0.103
  alertmanager:
    image: prom/alertmanager:latest
    container_name: alertmanager
    hostname: alertmanager
    ports:
      - 9093:9093
    volumes:
      - ./alertmanager/:/etc/alertmanager/
      - alertmanager-data:/data
    restart: always
    command:
      - '--config.file=/etc/alertmanager/alertmanager.yml'
      - '--storage.path=/alertmanager'
    networks:
     default:
      ipv4_address: 172.28.0.104
networks:
  default:
    ipam:
      driver: default
      config:
        - subnet: 172.28.0.0/16
volumes:
  prom_data:
  alertmanager-data:

Basics
Print a number	print(123)
Print a string	print("test")
Adding numbers	print(1+2)
Variable assignment	number = 123
Print a variable	print(number)
Function call	x = min(1, 2)
Comment	# a comment
Types
Integer	42
String	"a string"
List	[1, 2, 3]
Tuple	(1, 2, 3)
Boolean	True
Useful functions
Write to the screen	print("hi")
Calculate length	len("test")
Minimum of numbers	min(1, 2)
Maximum of numbers	max(1, 2)
Cast to integer	int("123")
Cast to string	str(123)
Cast to boolean	bool(1)
Range of numbers	range(5, 10)
Other syntax
Return a value	return 123
Indexing	"test"[0]
Slicing	"test"[1:3]
Continue to next loop iteration	continue
Exit the loop	break
List append	numbers = numbers + [4]
List append (with method call)	numbers.append(4)
List item extraction	value = numbers[0]
List item assignment	numbers[0] = 123
Terminology
syntax	the arrangement of letters and symbols in code
program	a series of instructions for the computer
print	write text to the screen
string	a sequence of letters surrounded by quotes
variable	a storage space for values
value	examples: a string, an integer, a boolean
assignment	using = to put a value into a variable
function	a machine you put values into and values come out
call (a function)	to run the code of the function
argument	the input to a function call
parameter	the input to a function definition
return value	the value that is sent out of a function
conditional	an instruction that's only run if a condition holds
loop	a way to repeatedly run instructions
list	a type of value that holds other values
tuple	like a list, but cannot be changed
indexing	extracting one element at a certain position
slicing	extracting some elements in a row
dictionary	a mapping from keys to values
Reminders
Strings and lists are indexed starting at 0, not 1
Print and return are not the same concept
The return keyword is only valid inside functions
Strings must be surrounded by quotes
You cannot put spaces in variable or function names
You cannot add strings and integers without casting
Consistent indentation matters
Use a colon when writing conditionals, function definitions, and loops
Descriptive variable names help you understand your code better
Conditionals
if x == 1:
	print("x is one")
else:
	print("x is not one") 

Copy and Save

Share

Ask Copilot

 Save
Lists
numbers = [7, 8, 9]
first_number = numbers[0]
numbers[2] = 11
if 11 in numbers:
	print("11 is in the list!")
for n in numbers:
	print(n) 

Copy And Save

Share

Ask Copilot

 Save
Defining functions
def my_func (param1, param2):
	result = param1 + param2
	return result 

Copy And Save

Share

Ask Copilot

 Save
Loops
for number in [1, 2, 3]:
	print(number)

x = 0
while x < 10:
	print(x)
	x = x + 1 

Copy And Save

Share

Ask Copilot

 Save
Dictionaries
numbers = {
	1: "one",
	2: "two"
}

print(numbers[1]) 

Copy And Save

Share

Ask Copilot

 Save
Comparisons
Equals	==
Not equals	!=
Less than	<
Less than or equal	<=
Greater than	>
Useful methods
String to lowercase	"xx".lower()
String to uppercase	"xx".upper()
Split string by spaces	"a b c".split(" ")
Remove whitespace around string	" a string ".strip()
Combine strings into one string	" ".join(["a", "b"])
String starts with	"xx".startswith("x")
String ends with	"xx".endswith("x")
List count	[1, 2].count(2)
List remove	[1, 2].remove(2)
Dictionary keys	{1: 2}.keys()
Dictionary values	{1: 2}.values()
Dictionary key/value pairs	{1: 2}.items()
Other neat bonus stuff
Zip lists	zip([1, 2], ["one", "two"])
Set	my_set = {1, 2, 3}
Set intersection	{1, 2} & {2, 3}
Set union	{1, 2} | {2, 3}
Index of list element	[1, 2, 3].index(2)
Sort a list	numbers.sort()
Reverse a list	numbers.reverse()
Sum of list	sum([1, 2, 3])
Numbering of list elements	for i, item in enumerate(items):
Read a file line by line	for line in open("file.txt"):
Read file contents	contents = open("file.txt").read()
Random number between 1 and 10	import random; x = random.randint(1, 10)
List comprehensions	[x+1 for x in numbers]
Check if any condition holds	any([True, False])
Check if all conditions hold	all([True, False])

     5
    / \
   /   \
  3     8
 / \   / \
2   4 7   9

function countdown(value)
  if value is negative or zero
    print "done"
  otherwise if value is greater than zero
    print value
    call countdown with (value-1)

var contentSlider = $('.blog-slider__cont');
		var imageSlider = $('.blog-slider__slider');

		contentSlider.owlCarousel({
			items: 1,
			loop: true,
			dots: false,
			nav: false,
			mouseDrag: false,
			touchDrag: false,
		});

		imageSlider.owlCarousel({
			loop: true,
			dots: true,
			nav: false,
			items: 1,
			margin: 30,
			responsive: {
				320: {
					items: 1,
				},
				576: {
					items: 2,
				},
			},
		});

		imageSlider.on('changed.owl.carousel', function (event) {
			var currentIndex = event.relatedTarget.relative(event.item.index);
			contentSlider.trigger('to.owl.carousel', [currentIndex]);
		});

input[value="+"],
input[value="-"] {
	color: $primary;
}

//Without payload
export const moveRight = () => ({
	type: MOVE_RIGHT
});

//With payload
export const moveRight = (data: string) => ({
	type: MOVE_RIGHT,
	payload: data
});

function* performAction() {
    yield put({
        type: COPY_DATA,
        payload: "Hello"
    });
}

// postcss.config.js
const { join } = require('path');

module.exports = {
  plugins: {
    tailwindcss: {
      config: join(__dirname, 'tailwind.config.js'),
    },
    autoprefixer: {},
  },
};

var $cont = document.querySelector(".cont");

var $elsArr = [].slice.call(document.querySelectorAll(".el"));

var $closeBtnsArr = [].slice.call(document.querySelectorAll(".el__close-btn"));

​

setTimeout(function () {

 $cont.classList.remove("s--inactive");

}, 0);

​

$elsArr.forEach(function ($el) {

 $el.addEventListener("click", function () {

  if (this.classList.contains("s--active")) return;

  $cont.classList.add("s--el-active");

  this.classList.add("s--active");

 });

});

​

$closeBtnsArr.forEach(function ($btn) {

 $btn.addEventListener("click", function (e) {

  e.stopPropagation();
20
  $cont.classList.remove("s--el-active");

  document.querySelector(".el.s--active").classList.remove("s--active");

 });

});

engine = db.create_engine('sqlite:///datacamp.sqlite')
conn = engine.connect()
metadata = db.MetaData()

Student = db.Table('Student', metadata,
              db.Column('Id', db.Integer(),primary_key=True),
              db.Column('Name', db.String(255), nullable=False),
              db.Column('Major', db.String(255), default="Math"),
              db.Column('Pass', db.Boolean(), default=True)
              )

metadata.create_all(engine)

from sqlalchemy import create_engine
engine = create_engine("sqlite+pysqlite:///:memory:", echo=True)

connection = engine.connect()
print("Connected to the database successfully")
connection.close()

pip install SQLAlchemy

class Solution:
    def insert(
        self, intervals: List[List[int]], newInterval: List[int]
    ) -> List[List[int]]:
        res = []

        for i in range(len(intervals)):
            if newInterval[1] < intervals[i][0]:
                res.append(newInterval)
                return res + intervals[i:]
            elif newInterval[0] > intervals[i][1]:
                res.append(intervals[i])
            else:
                newInterval = [
                    min(newInterval[0], intervals[i][0]),
                    max(newInterval[1], intervals[i][1]),
                ]
        res.append(newInterval)
        return res

.gelatine {
  animation: gelatine 0.5s infinite;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

#include <stdio.h>

int main() {
    int a;
    int b;
    
    printf("Enter marks from part 1 :");
    scanf("%d",&a);
    
    printf("Enter marks from part 2: ");
    scanf("%d",&b);
    
    int totalMarks =(a+b)/2;
    printf("Total marks of the paper: %d\n",totalMarks);
    
if(totalMarks>=75){
        printf("Grade: A");
    }
    else if(totalMarks>=65){
        printf("Grade: B");
    }else if(totalMarks>=55){
        printf("Grade: C");
    }else if(totalMarks>=35){
        printf("Grade: S");
    }else{
        printf("fail");
    }
    return 0;
}

#include <stdio.h>

int main() {
    int a;
    int b;
    
    printf("Enter marks from part 1 :");
    scanf("%d",&a);
    
    printf("Enter marks from part 2: ");
    scanf("%d",&b);
    
    int totalMarks =(a+b)/2;
    printf("Total marks of the paper: %d\n",totalMarks);
    
if(totalMarks>=75){
        printf("Grade: A");
    }
    else if(totalMarks>=65){
        printf("Grade: B");
    }else if(totalMarks>=55){
        printf("Grade: C");
    }else if(totalMarks>=35){
        printf("Grade: S");
    }else{
        printf("fail");
    }
    return 0;
}

rm -rf ~/.cache/JetBrains/PyCharm2024.1/cythonExtensions

<p><span id="docs-internal-guid-6f29315e-7fff-b55c-15a8-27e737606363"> </span></p>
<p dir="ltr">&nbsp;</p>
<p dir="ltr"><a href="https://fubar.com/help-blogs/b361314-1318694"><span><span><img src="https://lh7-us.googleusercontent.com/Bhc96hvMZnMbG6LVt-xUg_HBnnNEl0OwZjCtiVKU7-VmeZKZJ8W1JjcobC6Ugm37BpKW4r62Vc4HEI1vfQ9a9eG54ehL-lPai42PtclP96-QJBvy-NatFkSg9Gah7UTX6PqCKAQEkE2yaWcDSQFbTY8" alt="" width="172" height="29" /></span></span></a><a href="https://fubar.com/quick-like-polish-list/b373141"><span><span><img src="https://lh7-us.googleusercontent.com/BfE_Vu-IoKQ8RMa0wSINl6AYJdUqP-U0y79v92_GXBkspSg9pd_-XX9O7ecwRJH0svXVpKcTbE9WJOLsmOUqo0L3fBfkn10U4lHrCAM__UVdJn2_XxkKDOpCk48ZoglHmcJrWvB8o9v-I0hboeZ5X6o" alt="" width="204" height="29" /></span></span></a><a href="https://fubar.com/help.php"><span><span><img src="https://lh7-us.googleusercontent.com/tahv4Cbm08xNSdjT88DwsJwqGaJvP1FoQSXRdoitfSe-Lw2Dd-5tk7Z7wLmyhOIiV_WqJuWSSlz_IZs2fEDnilHZ7oJ50-BPr_1GfptvEoRUrXVuUayxfmqt6CSUuIZPg0PBy5UtNOkR0FTi9JLekAs" alt="" width="178" height="29" /></span></span></a><a href="https://fubar.com/bible.php"><span><span><img src="https://lh7-us.googleusercontent.com/ndhbaL4t8eBeWvSKf5MT4V38ZydpPdAFBg-aNGykWF7FDzuk8fRfeKFs7w5j_lw4AcgHnp1nZzexyvJ0biiZSCcMKbZbGMFmSfNkM8MCTdOF9Spgk3zHV5ScxF7dKKnoK9vghf0y0pRwJct3aLYhyxk" alt="" width="127" height="29" /></span></span></a><a href="https://www.fubar.com/tos.php"><span><span><img src="https://lh7-us.googleusercontent.com/DJ7XJK7yGWWFgRE5fAFORSRWTYcMD970AEYWhnDntD_VKg2kAQLxIohvBy4k6oF89PDyKZPdGcermOxVCZ4Vzl8yrh9xaHirqSlM_wJPvqOKHY1lu32ZttzAghY1r2gsSHP0ApYZoQPQADLgpSWdEKI" alt="" width="118" height="29" /></span></span></a><a href="http://fubar.com/blast_list.php"><span><span><img src="https://lh7-us.googleusercontent.com/HZM1yiLSYZY5pDtWVKj1TBdeW6zuxu-Yo39mBzeNKjfUbXsrX5RKl6xkNk0ytyki5yWvw4NQrZzohiaONb8ODV9dotNn24VG8yczRg6rPqqJknjeQP7beVdEPSAWX3-cXJ8qGHdKK4tAsvQp6m2MeDs" alt="" width="136" height="29" /></span></span></a><a href="http://www.fubar.com/emotes.php"><span><span><img src="https://lh7-us.googleusercontent.com/XeuFUnLnXQVvZ3DwVcaK-XhtwUdX6NKANmrtWViAkaZF99W9cJIcH1YwzP-GVi_vLrlaC7rSUNLljWTN7CDfsLCNk3VoVkIdDGPY-JXYd1B0DQxwPunxKI1u5WlKSwbbgBwzK-jO7uK97md-e9RZDJU" alt="" width="144" height="29" /></span></span></a><a href="https://fubar.com/bling.php?sent=1"><span><span><img src="https://lh7-us.googleusercontent.com/e-Ba-qefqHZKcfEmKULRqlGCsxpUixeM4O4pkae274pMswwNKjLFb_eQA0Zld5rX79hLFLnqiLxQZSD8MEAvxFPfbp_2YcMWTRU2FhNrr3MLX4bRQhsC2HV5L5s9OMDT6RrkgdAXYZBJviedPehhem0" alt="" width="162" height="29" /></span></span></a><a href="http://fubar.com/marriage.php"><span><span><img src="https://lh7-us.googleusercontent.com/0eMylWECNNjDddeTztE3yWlJCAzw1BlJ6jB-vz0i4RYfodA-OiXlEKGFDeS9CPS4pezTtwP3m5H6F_N6fM_f4R40rEmKZvgMyqebKatwhSdlRqeX8r-KC7F7ZamGUvakcSXiMMjbDPDNIPohhN_FQ34" alt="" width="117" height="29" /></span></span></a><a href="https://fubarswag.myspreadshop.com/"><span><span><img src="https://lh7-us.googleusercontent.com/X4vRibtwdEnWz3fdLMJO1-4yCYkxJ6KnqdTPZi7-HWsz2N5h-oWytjcpOlhJc8kl92kTflWT1favNk6ACCQZPNYDf3cnQUWu1n_TrByN4xOdHh528kgax_McbgWntvF83faQItNCpiYIwW7C9n37rfM" alt="" width="127" height="29" /></span></span></a><a href="https://fubar.com/vip.php"><span><span><img src="https://lh7-us.googleusercontent.com/8PVUHAnW4XuMQkBmytMBxvwo8AIwAILhHZT3Q4Ayn9aJsZuh8e-l9zygyHlFT93I0wYgBJejGD9b5F5ew36d9T-BPmG6Ns4PPqHWLB7ktp37hAPOSxH_VRY5wtRNnGTltFmHviOWHcdGPIXmnObgmrg" alt="" width="98" height="29" /></span></span></a><a href="https://fubar.com/lounge/support"><span><span><img src="https://lh7-us.googleusercontent.com/79MRkP11vV5xspKJd0ooJ_dt7n3KXxUWjsoJleCAxCuBGcwPsgqGhiPMVPj5Pp9veNaKcuEiXL-tLu0GP0yZMfow5AeQGZW7DXuVKcuooltSP3wQY3BGf5kgY_772LUWSdryyOMMA1z0jt75lLQLjTg" alt="" width="207" height="29" /></span></span></a><a href="https://fubar.com/blogs.php?u=22"><span><span><img src="https://lh7-us.googleusercontent.com/i-fDHpQdS9yDffiVTmbVlLx70azD7_F2uRO4j4Fc6YSfhGXi6fb_iNBdjqxknsZCY-3wz12-l4Q2Z-hlitN0pcoV1SqVxbjMSIEEcp45Kzh4wcr9iAWBqRYbVh-lGNCEVhF9uBkmp7-DyYeXiUjkf1w" alt="" width="151" height="29" /></span></span></a></p>
<p>&nbsp;</p>

0 0.961847 0.151807 0.945783 0.151807 0.929719 0.166265 0.923695 0.180723 0.923695 0.207229 0.903614 0.243373 0.853414 0.26506 0.833333 0.279518 0.799197 0.289157 0.787149 0.289157 0.783133 0.284337 0.781124 0.255422 0.7751 0.243373 0.773092 0.166265 0.76506 0.151807 0.746988 0.159036 0.692771 0.207229 0.668675 0.209639 0.654618 0.216867 0.620482 0.216867 0.592369 0.207229 0.574297 0.207229 0.568273 0.214458 0.568273 0.240964 0.580321 0.26747 0.580321 0.279518 0.568273 0.296386 0.554217 0.344578 0.53012 0.383133 0.502008 0.414458 0.447791 0.513253 0.413655 0.595181 0.385542 0.689157 0.373494 0.780723 0.383534 0.807229 0.381526 0.850602 0.395582 0.872289 0.437751 0.891566 0.475904 0.901205 0.516064 0.903614 0.556225 0.915663 0.588353 0.908434 0.594378 0.889157 0.586345 0.860241 0.616466 0.824096 0.630522 0.79759 0.648594 0.742169 0.648594 0.689157 0.65261 0.684337 0.662651 0.693976 0.668675 0.739759 0.676707 0.761446 0.686747 0.773494 0.712851 0.778313 0.722892 0.766265 0.728916 0.744578 0.722892 0.66747 0.708835 0.631325 0.680723 0.60241 0.688755 0.566265 0.710843 0.53494 0.730924 0.46506 0.746988 0.440964 0.787149 0.404819 0.821285 0.392771 0.85743 0.366265 0.893574 0.325301 0.953815 0.26988 0.96988 0.209639 0.96988 0.168675

coco/
└── annotations/
    └── coco_annotations.json
coco_to_yolo.py
coco_converted/
├── images/
└── labels/
    └── coco_annotations/
        └── image1.txt
        └── image2.txt

python coco_to_yolo.py

pip install ultralytics

.\venv\Scripts\activate.ps1

.\venv\Scripts\activate

#include <stdlib.h>
#include <stdio.h>
#include <time.h>
 
typedef struct
{
    char **arr;
    int size;
} Arr;
 
typedef struct
{
    char *Name;
    int Count;
    float Rating;
} Product;
 
Arr input(FILE *f);
 
int main(void)
{
    Arr nouns;
    Arr adj;
 
    Product pr1;
 
    FILE *fn;
    FILE *fa;
    FILE *out;
 
    char *name;
    int i;
    int j;
    int n;
    int a;
 
    srand(time(NULL));
 
    fn = fopen("noun.txt", "r");
 
    if (fn == NULL)
    {
        printf("Error openning file");
        return 1;
    }
 
    fa = fopen("adj.txt", "r");
    
    if(fa == NULL)
    {
        printf("Error openning file");
        fclose(fn);
        return 1;
    }
 
    out = fopen("output.txt", "w");
 
    if(fgetc(fn) == EOF || fgetc(fa) == EOF)
    {
        fclose(fn);
        fclose(fa);
        fclose(out);
        printf("file is empty!");
        return 1;
    }
    else
    {
        fseek(fn, 0, SEEK_SET);
        fseek(fa, 0, SEEK_SET);
    }
 
    nouns = input(fn);
    adj = input(fa);
 
    n = rand() % nouns.size;
    a = rand() % adj.size;
 
    pr1.Count = rand() % 100;
    pr1.Rating = (float)(rand() % 100) / 10.0; // Generating a float rating between 0 and 10
 
    name = malloc(sizeof(char));
 
    i = 0;
    j = 0;
 
    while (1)
    {
        if (adj.arr[a][i] != '\0')
        {
            name = realloc(name, sizeof(char) * (i + 1));
            name[i] = adj.arr[a][i];
            i++;
        }
        else
        {
            name = realloc(name, sizeof(char) * (i + 1));
            name[i] = ' ';
            i++;
            break;
        }
    }
 
    while (1)
    {
        if (nouns.arr[n][j] != '\0')
        {
            name = realloc(name, sizeof(char) * (i + 1));
            name[i] = nouns.arr[n][j];
            i++;
            j++;
        }
        else
        {
            name = realloc(name, sizeof(char) * (i + 1));
            name[i] = '\0';
            break;
        }
    }
    pr1.Name = name;
 
    fprintf(out, "%s %d %.1f", pr1.Name, pr1.Count, pr1.Rating);
 
    free(name);
    for (int k = 0; k < nouns.size; k++)
    {
        free(nouns.arr[k]);
    }
    for (int k = 0; k < adj.size; k++)
    {
        free(adj.arr[k]);
    }
    free(nouns.arr);
    free(adj.arr);
 
    fclose(fn);
    fclose(fa);
    fclose(out);
 
    return 0;
}
 
Arr input(FILE *f)
{
    char **arr;
    char r;
    int size_w = 0;
    int count_w = 0;
 
    arr = malloc(sizeof(char *));
    arr[0] = malloc(sizeof(char));
 
    while ((r = fgetc(f)) != EOF)
    {
        if (r != '\0' && r != ' ')
        {
            if (r == '\n')
            {
                arr[count_w] = realloc(arr[count_w], (size_w + 1) * sizeof(char));
                arr[count_w][size_w] = '\0';
                count_w += 1;
                arr = realloc(arr, (count_w + 1) * sizeof(char *));
                arr[count_w] = malloc(sizeof(char));
                size_w = 0;
            }
            else
            {
                arr[count_w] = realloc(arr[count_w], (size_w + 1) * sizeof(char));
                arr[count_w][size_w] = r;
                size_w += 1;
            }
        }
    }
    count_w++;
    return (Arr){arr, count_w};
}

python -m venv venv

cd path\to\your\project\directory

coco/
└── annotations/
    └── coco_annotations.json
coco_to_yolo.py

from ultralytics.data.converter import convert_coco
convert_coco(labels_dir='annotations', use_segments=True)

coco/
└── annotations/
    └── coco_annotations.json

 {
      "id": 9,
      "width": 359,
      "height": 269,
      "file_name": "dog.4121.jpg",
      "license": 0,
      "flickr_url": "",
      "coco_url": "",
      "date_captured": 0
    },
    {
      "id": 10,
      "width": 200,
      "height": 297,
      "file_name": "dog.4123.jpg",
      "license": 0,
      "flickr_url": "",
      "coco_url": "",
      "date_captured": 0
    }
  ],
  "annotations": [
    {
      "id": 1,
      "image_id": 1,
      "category_id": 1,
      "segmentation": [
        [
          479.0, 63.0, 471.0, 63.0, 463.0, 69.0, 460.0, 75.0, 460.0, 86.0,
          450.0, 101.0, 425.0, 110.0, 415.0, 116.0, 398.0, 120.0, 392.0, 120.0,
          390.0, 118.0, 389.0, 106.0, 386.0, 101.0, 385.0, 69.0, 381.0, 63.0,
          372.0, 66.0, 345.0, 86.0, 333.0, 87.0, 326.0, 90.0, 309.0, 90.0,
          295.0, 86.0, 286.0, 86.0, 283.0, 89.0, 283.0, 100.0, 289.0, 111.0,
          289.0, 116.0, 283.0, 123.0, 276.0, 143.0, 264.0, 159.0, 250.0, 172.0,
          223.0, 213.0, 206.0, 247.0, 192.0, 286.0, 186.0, 324.0, 191.0, 335.0,
          190.0, 353.0, 197.0, 362.0, 218.0, 370.0, 237.0, 374.0, 257.0, 375.0,
          277.0, 380.0, 293.0, 377.0, 296.0, 369.0, 292.0, 357.0, 307.0, 342.0,
          314.0, 331.0, 323.0, 308.0, 323.0, 286.0, 325.0, 284.0, 330.0, 288.0,
          333.0, 307.0, 337.0, 316.0, 342.0, 321.0, 355.0, 323.0, 360.0, 318.0,
          363.0, 309.0, 360.0, 277.0, 353.0, 262.0, 339.0, 250.0, 343.0, 235.0,
          354.0, 222.0, 364.0, 193.0, 372.0, 183.0, 392.0, 168.0, 409.0, 163.0,
          427.0, 152.0, 445.0, 135.0, 475.0, 112.0, 483.0, 87.0, 483.0, 70.0
        ]
      ],

var xmlResponse = '<?xml version="1.0" encoding="UTF-8"?> <data code="0" name="piece-shipment-list" request-id="f1fc982b-fd81-4b63-92ae-eb60d1dd9262"> <data airway-bill-number="" delivery-event-flag="1" dest-country="DE" division="DPEED" domestic-id="" error-status="0" event-country="DE" event-location="" ice="DLVRD" identifier-type="2" international-flag="0" leitcode="" matchcode="" name="piece-shipment" order-preferred-delivery-day="false" origin-country="DE" pan-recipient-address="Heinrich-Brüning-Str. 7 53113 Bonn" pan-recipient-city="53113 Bonn" pan-recipient-name="Deutsche Post DHL" pan-recipient-postalcode="53113" pan-recipient-street="Heinrich-Brüning-Str. 7" piece-code="00340434161094022115" piece-customer-reference="" piece-id="8e464a3e-219a-459b-823b-07d9d92732e3" piece-identifier="340434161094022115" product-code="00" product-key="" product-name="DHL PAKET (parcel)" pslz-nr="5066934803" recipient-city="53113 Bonn" recipient-id="5" recipient-id-text="different person present" recipient-name="Kraemer" recipient-street="Heinrich-Brüning-Str. 7" ric="OTHER" routing-code-ean="" ruecksendung="false" searched-piece-code="00340434161094022115" searched-ref-no="" shipment-code="" shipment-customer-reference="" shipment-height="0.0" shipment-length="0.0" shipment-weight="0.0" shipment-width="0.0" shipper-address="" shipper-city="" shipper-name="No sender data has been transferred to DHL." shipper-street="" short-status="Delivery successful" standard-event-code="ZU" status="The shipment has been successfully delivered" status-liste="0" status-timestamp="18.03.2016 10:02" upu=""> <data _build-time="2017-01-14 19:56:42.000775" leitcode="5311304400700" name="piece-event-list" order-preferred-delivery-day="false" piece-id="8e464a3e-219a-459b-823b-07d9d92732e3" piece-identifier="340434161094022115" pslz-nr="5066934803" routing-code-ean="" ruecksendung="false"> <data event-country="Germany" event-location="Bremen" event-short-status="Posting at PACKSTATION" event-status="The shipment has been posted by the sender at the PACKSTATION" event-text="The shipment has been posted by the sender at the PACKSTATION" event-timestamp="17.03.2016 11:43" ice="SHRCU" name="piece-event" ric="PCKST" ruecksendung="false" standard-event-code="ES" /> <data event-country="Germany" event-location="Bremen" event-short-status="Transportation to parcel center of origin" event-status="The shipment has been taken from the PACKSTATION for onward transportation" event-text="The shipment has been taken from the PACKSTATION for onward transportation" event-timestamp="17.03.2016 13:53" ice="LDTMV" name="piece-event" ric="MVMTV" ruecksendung="false" standard-event-code="AA" /> <data event-country="Germany" event-location="" event-short-status="Pick-up successful" event-status="The shipment has been picked up" event-text="The shipment has been picked up" event-timestamp="17.03.2016 13:55" ice="PCKDU" name="piece-event" ric="PUBCR" ruecksendung="false" standard-event-code="AE" /> <data event-country="Germany" event-location="Bremen" event-short-status="Parcel center of origin" event-status="The shipment has been processed in the parcel center of origin" event-text="The shipment has been processed in the parcel center of origin" event-timestamp="17.03.2016 15:49" ice="LDTMV" name="piece-event" ric="MVMTV" ruecksendung="false" standard-event-code="AA" /> <data event-country="Germany" event-location="Neuwied" event-short-status="Destination parcel center" event-status="The shipment has been processed in the destination parcel center" event-text="The shipment has been processed in the destination parcel center" event-timestamp="18.03.2016 03:35" ice="ULFMV" name="piece-event" ric="UNLDD" ruecksendung="false" standard-event-code="EE" /> <data event-country="" event-location="" event-short-status="In delivery" event-status="The shipment has been loaded onto the delivery vehicle" event-text="The shipment has been loaded onto the delivery vehicle" event-timestamp="18.03.2016 09:00" ice="SRTED" name="piece-event" ric="NRQRD" ruecksendung="false" standard-event-code="PO" /> <data event-country="Germany" event-location="Bonn" event-short-status="Delivery successful" event-status="The shipment has been successfully delivered" event-text="The shipment has been successfully delivered" event-timestamp="18.03.2016 10:02" ice="DLVRD" name="piece-event" ric="OTHER" ruecksendung="false" standard-event-code="ZU" /> </data> </data> </data>';

// Parse the XML response
var parser = new XMLDocument2();
parser.parseXML(xmlResponse);

// Get the value of the "short-status" attribute from the <data> element
var shortStatus = parser.getNode('/data/data').getAttribute('short-status');;

// Print the value of the "short-status" attribute
gs.info("Short Status: " + shortStatus);

import React from 'react'
import { CardElement, Elements, StripeProvider } from '@stripe/react-stripe-js'
import { loadStripe } from '@stripe/stripe-js'

const stripePromise = loadStripe('<YOUR_STRIPE_PUBLISHABLE_KEY>')

const PaymentForm = () => {
  return (
    <CardElement />
  )
}

const App = () => {
  return (
    <StripeProvider stripe={stripePromise}>
      <Elements>
        <PaymentForm />
      </Elements>
    </StripeProvider>
  )
}

export default App

get 
app.get('/products', (req, res) => {
  const products = [
    {
      id: 1,
      name: 'Furniture 1',
      price: 1000,
      size: 'L',
      fabricTexture: 'Smooth',
      woodTexture: 'Polished',
      woodType: 'Oak',
      fabricType: 'Cotton',
    },
    // ... more products
  ];

  res.send(products);
});

post
app.post('/products', (req, res) => {
  const newProduct = {
    id: Date.now(),
    name: req.body.name,
    price: req.body.price,
    size: req.body.size,
    fabricTexture: req.body.fabricTexture,
    woodTexture: req.body.woodTexture,
    woodType: req.body.woodType,
    fabricType: req.body.fabricType,
  };

  const products = [
    {
      id: 1,
      name: 'Furniture 1',
      price: 1000,
      size: 'L',
      fabricTexture: 'Smooth',
      woodTexture: 'Polished',
      woodType: 'Oak',
      fabricType: 'Cotton',
    },
    // ... more products
  ];

  products.push(newProduct);

  res.send(newProduct);
});

get by id 
app.get('/products/:id', (req, res) => {
  const products = [
    {
      id: 1,
      name: 'Furniture 1',
      price: 1000,
      size: 'L',
      fabricTexture: 'Smooth',
      woodTexture: 'Polished',
      woodType: 'Oak',
      fabricType: 'Cotton',
    },
    // ... more products
  ];

  const product = products.find((p) => p.id === parseInt(req.params.id));

  if (!product) {
    return res.status(404).send({ error: 'Product not found' });
  }

  res.send(product);
});

put
app.put('/products/:id', (req, res) => {
  const products = [
    {
      id: 1,
      name: 'Furniture 1',
      price: 1000,
      size: 'L',
      fabricTexture: 'Smooth',
      woodTexture: 'Polished',
      woodType: 'Oak',
      fabricType: 'Cotton',
      updated: false,
    },
    // ... more products
  ];

  const product = products.find((p) => p.id === parseInt(req.params.id));

  if (!product) {
    return res.status(404).send({ error: 'Product not found' });
  }

  product.name = req.body.name || product.name;
  product.price = req.body.price || product.price;
  product.size = req.body.size || product.size;
  product.fabricTexture = req.body.fabricTexture || product.fabricTexture;
  product.woodTexture = req.body.woodTexture || product.woodTexture;
  product.woodType = req.body.woodType || product.woodType;
  product.fabricType = req.body.fabricType || product.fabricType;

  res.send(product);
});