thiscodeWorks - Saving, organizing & sharing the best of code online

Tryit Editor v1.0 - Example of a simple sign up form|W3Docs

<!DOCTYPE html>
<html>
  <title>Simple Sign up from</title>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
    <style>
      html, body {
      display: flex;
      justify-content: center;
      font-family: Roboto, Arial, sans-serif;
      font-size: 15px;
      }
      form {
      border: 5px solid #f1f1f1;
      }
      input[type=text], input[type=password] {
      width: 100%;
      padding: 16px 8px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      box-sizing: border-box;
      }
      .icon {
      font-size: 110px;
      display: flex;
      justify-content: center;
      color: #4286f4;
      }
      button {
      background-color: #4286f4;
      color: white;
      padding: 14px 0;
      margin: 10px 0;
      border: none;
      cursor: grab;
      width: 48%;
      }
      h1 {
      text-align:center;
      fone-size:18;
      }
      button:hover {
      opacity: 0.8;
      }
      .formcontainer {
      text-align: center;
      margin: 24px 50px 12px;
      }
      .container {
      padding: 16px 0;
      text-align:left;
      }
      span.psw {
      float: right;
      padding-top: 0;
      padding-right: 15px;
      }
      /* Change styles for span on extra small screens */
      @media screen and (max-width: 300px) {
      span.psw {
      display: block;
      float: none;
      }
    </style>
  </head>
  <body>
    <form action="/action_page.php">
      <h1>SIGN UP</h1>
      <div class="icon">
        <i class="fas fa-user-circle"></i>
      </div>
      <div class="formcontainer">
      <div class="container">
        <label for="uname"><strong>Username</strong></label>
        <input type="text" placeholder="Enter Username" name="uname" required>
        <label for="mail"><strong>E-mail</strong></label>
        <input type="text" placeholder="Enter E-mail" name="mail" required>
        <label for="psw"><strong>Password</strong></label>
        <input type="password" placeholder="Enter Password" name="psw" required>
      </div>
      <button type="submit"><strong>SIGN UP</strong></button>
      <div class="container" style="background-color: #eee">
        <label style="padding-left: 15px">
        <input type="checkbox"  checked="checked" name="remember"> Remember me
        </label>
        <span class="psw"><a href="#">Forgot password?</a></span>
      </div>
    </form>
  </body>
</html>

Python: How to create an empty list and append items to it?

@rainxx

# Append 10 numbers in an empty list from number 0 to 9
sample_list = [i for i in range(10)]

ll show human readable size

@aurora1625

ll -h

array contains any element of another array - JSFiddle - Code Playground

@huttyman

https://jsfiddle.net/lusk1/r257wuv5/

Mobile Menu on iPad Pro

@MariusDT

<style>
@media screen and (max-width: 1150px) {
  .w-nav[data-collapse="medium"] .w-dropdown,
  .w-nav[data-collapse="medium"] .w-dropdown-toggle {
    display: block;
  }
  .w-nav[data-collapse="medium"] .w-dropdown-list {
    position: static;
  }
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}
</style>

Align text på billede hvis det er realativt

@Alexander1991


position: absolute;
  top: 50%; right: 50%;
  transform: translate(50%,-50%);

Hvis du har model IPublishedContent og skal bruge UmbracoTemplatePage - tilføj en helper

@distance

@{
    var umbracoHelper = new Umbraco.Web.UmbracoHelper(Umbraco.Web.UmbracoContext.Current);
}

javascript - Smooth scroll to div id jQuery - Stack Overflow

@fiki98

$('html, body').animate({
    scrollTop: $("#myDiv").offset().top
}, 2000);

dart - How to set Custom height for Widget in GridView in Flutter? - Stack Overflow

@awaisab171

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  List<String> widgetList = ['A', 'B', 'C'];

  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;

    /*24 is for notification bar on Android*/
    final double itemHeight = (size.height - kToolbarHeight - 24) / 2;
    final double itemWidth = size.width / 2;

    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Container(
        child: new GridView.count(
          crossAxisCount: 2,
          childAspectRatio: (itemWidth / itemHeight),
          controller: new ScrollController(keepScrollOffset: false),
          shrinkWrap: true,
          scrollDirection: Axis.vertical,
          children: widgetList.map((String value) {
            return new Container(
              color: Colors.green,
              margin: new EdgeInsets.all(1.0),
              child: new Center(
                child: new Text(
                  value,
                  style: new TextStyle(
                    fontSize: 50.0,
                    color: Colors.white,
                  ),
                ),
              ),
            );
          }).toList(),
        ),
      ),
    );
  }
}

Gør store bogstaver små

@Alexander1991

Text-transform: none;

gør at når man hover over noget kommer der text frem

@Alexander1991

 .text {
                        background: linear-gradient(180deg, #ffffff 70%, #0B396D 30%);
                        width: 480px;
                        height: 300px;

                        &:hover {
                            h3 {
                                &:after {
                                    opacity: 1;

                                    @include transition();
                                }
                            }
                        }


                        h3 {
                            color: #0B396D;
                            margin-top: 100px;

                            &:after {
                                content: "Læs mere";
                                position: absolute;
                                display: block;
                                bottom: 50px;
                                color: #FFCF9A;
                                font-size: 20px;
                                font-weight: 400;
                                transform: translate(-50%);
                                left: 50%;
                                opacity: 0;
                                text-transform: none;
                                @include transition();
                            }
                        }

LOS POLLOS ordering template - short link

@hollyhenaghan

<!--ORDERING TEMPLATE: Los Pollos Hermanos-->
<link id="elixirTemplate" data-template="Los Pollos Hermanos" rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/pollosOrderingPage/production-v1.min.css">

Blog: How causal

@MerantixCode

import pandas as pd
df = pd.read_csv("..\\dataset\\ecommerce_sample.csv")
df.head()

Blog: How causal 2

@MerantixCode

from sklearn.linear_model import LassoCV
from bokeh.io import show
from bokeh.plotting import figure
	
#get kpi_axis
kpi_axis = 'kpi'
time_axis = 'time'
df[time_axis] = pd.to_datetime(df[time_axis],format = '%d/%m/%Y')
y_before =  df[df[time_axis] <= '2019-09-11'][kpi_axis]
y_after  =  df[df[time_axis]  > '2019-09-11'][kpi_axis]

#one-hot encoding categorical features
for col in df.drop([kpi_axis,time_axis],axis=1).columns:
    one_hot = pd.get_dummies(df[col]) 
    df = df.drop(col,axis = 1) 
    df = df.join(one_hot) 

X_before =  df[df[time_axis] <= '2019-09-11'].drop([kpi_axis,time_axis],axis = 1).to_numpy()
X_after  =  df[df[time_axis] >  '2019-09-11'].drop([kpi_axis,time_axis],axis = 1).to_numpy()

#training left and right
regression_model_before = LassoCV(cv = 10)
regression_model_after = LassoCV(cv = 10)
regression_model_before.fit(X_before,y_before)
regression_model_after.fit(X_after,y_after)

#plotting results
features = df.columns
dweights =regression_model_after - regression_model_before
index = np.argsort(-abs(dweights))
x_axis = features[index[0:3]].to_list()

p = figure(x_range=x_axis,title = "Feature weights difference",plot_width=1000)
p.vbar(x=x_axis, top=(abs(dweights[index[0:3]])),width = 0.8)
show(p)

Blog: How causal 3

@MerantixCode

def binarize(df,cols,kpi_axis,time_axis,order):
    cols = cols.drop([kpi_axis,time_axis])
    features = []
    for k in range(0,order):
        features.append(cols)
    fs = []
    for f in itertools.product(*features):
      #  list(set(f)).sort()
        f = np.unique(f)
        fs.append(tuple(f))
    fs = tuple(set(i for i in fs))
    print(fs)
    for f in fs:
        print(len(f))
        states =[]
        for d in f:
            states.append(tuple(set(df[d].astype('category'))))
        for state in itertools.product(*states):
            z = 1
            name = str()
            for d in range(0,len(f)):
                z = z*df[f[d]]==state[d]
                name +=  f[d] + " == " +str(state[d])
                if d<len(f)-1:
                   name += " AND "
            df[name] = z
    for d in cols:
        df = df.drop([d],axis = 1)
    return df

Blog: How causal

@MerantixCode

df = pd.read_csv("..\\dataset\\ecommerce_sample.csv")
df[time_axis] = pd.to_datetime(df[time_axis],format = '%d/%m/%Y')

#get kpi_axis
kpi_axis = 'kpi'
time_axis = 'time'
y_before =  df[df[time_axis] <= '2019-09-11'][kpi_axis]
y_after  =  df[df[time_axis]  > '2019-09-11'][kpi_axis]

#one-hot encoding categorical features
df = binarize(df,df.columns,kpi_axis,time_axis,3)

X_before =  df[df[time_axis] <= '2019-09-11'].drop([kpi_axis,time_axis],axis = 1).to_numpy()
X_after  =  df[df[time_axis] >  '2019-09-11'].drop([kpi_axis,time_axis],axis = 1).to_numpy()

#training left and right
regression_model_before = LassoCV(cv = 10)
regression_model_after = LassoCV(cv = 10)
regression_model_before.fit(X_before,y_before)
regression_model_after.fit(X_after,y_after)

#plotting results
features = df.columns
dweights =regression_model_after - regression_model_before
index = np.argsort(-abs(dweights))
x_axis = features[index[0:3]].to_list()

p = figure(x_range=x_axis,title = "Feature weights difference",plot_width=1000)
p.vbar(x=x_axis, top=(abs(dweights[index[0:3]])),width = 0.8)
show(p)

Blog: How causal 5

@MerantixCode

df = pd.read_csv("..\\dataset\\ecommerce_sample.csv")
df[time_axis] = pd.to_datetime(df[time_axis],format = '%d/%m/%Y')

#get kpi_axis
kpi_axis = 'kpi'
time_axis = 'time'
y_before =  df[df[time_axis] <= '2019-09-11'][kpi_axis]
y_after  =  df[df[time_axis]  > '2019-09-11'][kpi_axis]


df = binarize(df,df.columns,kpi_axis,time_axis,3)
df_before = df[df[time_axis] <= '2019-09-11']
df_after  = df[df[time_axis] > '2019-09-11']
features = copy(df.drop([time_axis,kpi_axis], axis=1).columns)

K = 3 #number of subgroups to detect
subgroups=[]
score=[]
for k in range(0,K):
    CATE = []
    y_before = df_before[kpi_axis]
    y_after= df_after[kpi_axis]
    
    #compute CATEs for all subgroups
    for d in features:
        g = df_before[d] == True
        m_before = np.mean(y_before[g])
        g = df_after[d] == True
        m_after = np.mean(y_after[g])
        CATE.append(m_after-m_before)
    
    #find subgroup with biggest CATE
    index = np.argsort(-abs(np.array(CATE)))
    subgroups.append(features[index[0]])
    score.append(abs( CATE [index[0]]))
    
    #remove found subgroups from dataset
    df_before = df_before[df_before[features[index[0]]] == False]
    df_after = df_after[df_after[features[index[0]]] == False] 
    features = features.drop(features[index[0]])
    
p = figure(x_range=subgroups,title = "Conditional Average Treatment Effect",plot_width=1200,)
p.vbar(x=subgroups, top=score,width = 0.8,color='black')
show(p)

javascript - Trigger event when user scroll to specific element - with jQuery - Stack Overflow

@fiki98

$(window).scroll(function() {
   var hT = $('#scroll-to').offset().top,
       hH = $('#scroll-to').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
   if (wS > (hT+hH-wH)){
       console.log('H1 on the view!');
   }
});

Hvis support.css mangler

@distance

  <link rel="stylesheet" type="text/css" href="/css/support.css">

PostgreSQL: Documentation: 9.5: CREATE FUNCTION

@mvieira

CREATE FUNCTION check_password(uname TEXT, pass TEXT)
RETURNS BOOLEAN AS $$
DECLARE passed BOOLEAN;
BEGIN
        SELECT  (pwd = $2) INTO passed
        FROM    pwds
        WHERE   username = $1;

        RETURN passed;
END;
$$  LANGUAGE plpgsql
    SECURITY DEFINER
    -- Set a secure search_path: trusted schema(s), then 'pg_temp'.
    SET search_path = admin, pg_temp;

PostgreSQL CREATE FUNCTION By Practical Examples

@mvieira

create function get_film_count(len_from int, len_to int)
returns int
language plpgsql
as
$$
declare
   film_count integer;
begin
   select count(*) 
   into film_count
   from film
   where length between len_from and len_to;
   
   return film_count;
end;
$$;
Code language: PostgreSQL SQL dialect and PL/pgSQL (pgsql)

datetime - PHP Sort a multidimensional array by element containing date - Stack Overflow

@mvieira

 array_multisort(array_column($array, 'datetime'), SORT_DESC, $array);

PostgreSQL: Documentation: 9.5: Modifying Tables

@mvieira

ALTER TABLE products ALTER COLUMN price SET DEFAULT 7.77;

Tripling integers in a list

@rchalla

Func<int, int> triple = x => x * 3;
var range = Enumerable.Range(1, 3);
var triples = range.Select(triple);
triples // => [3, 6, 9]

Tripling integers in a list

@funcProgramming

Func<int, int> triple = x => x * 3;
var range = Enumerable.Range(1, 3);
var triples = range.Select(triple);
triples // => [3, 6, 9]

Functional approach: where and orderby don't effect the original list

@funcProgramming

Func<int, bool> isOdd = x => x % 2 == 1;
int[] original = { 7, 6, 1 };

var sorted = original.OrderBy(x => x);
var filtered = original.Where(isOdd);

original // => [7, 6, 1]
sorted // => [1, 6, 7]
filtered // => [7, 1]

Assign a lambda expression to a delegate

@funcProgramming

Delegate int del (int i);
Del myDelegate=x=>x*x; 
Intj = myDelegate (4); //j=16

Linq Expression using Where, OrderBy and Select

@funcProgramming

Enumerable.Range(1, 100).
Where(i => i % 20 == 0).
OrderBy(i => -i).
Select(i => $"{i}%")
// => ["100%", "80%", "60%", "40%", "20%"]

Sorting a list of numbers using lambda expression

@funcProgramming

var list = Enumerable.Range(1, 10).Select(i => i * 3).ToList();
list // => [3, 6, 9, 12, 15, 18, 21, 24, 27, 30]
list.Sort((l, r) => l.ToString().CompareTo(r.ToString()));
list // => [12, 15, 18, 21, 24, 27, 3, 30, 6, 9]

Closure example for lambdas

@funcProgramming

var days = Enum.GetValues(typeof(DayOfWeek)).Cast<DayOfWeek>();
// => [Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday]

IEnumerable<DayOfWeek> daysStartingWith(string pattern)
	=> days.Where(d => d.ToString().StartsWith(pattern));

daysStartingWith("S") // => [Sunday, Saturday]

Delegates Syntax

@funcProgramming

[AccessModifier]: delegate ReturnType Delegatename([parameteers]);
	AccessModifier: accessibility- public, private, internal, or protected.
					If omitted defaults to internal
	delegate:  keyword – to initialize a delegate 
	ReturnType: the return data type that we assign to the delegate – int 
	DelegateName: the identity of the delegate – user defined name 
	Parameters: list of parameters that the method we assign

Finding area of rectangle and square using delegates

@funcProgramming

int square(int x) { return x * x; }
int rectangle(int x, int y) { return x * y; }
AreaCalculatorDelegate rect = rectangle;
AreaCalculatorDelegate sqr = square;
int i = rect(1, 2);
int j = sqr(2);

Expressions instead of statements - Mutable

@funcProgramming

public static string GetSalutation(int hour) {
	string salutation; 
	if (hour < 12)
  		salutation = "Good Morning";
	else
 		salutation = "Good Afternoon";
	return salutation;  
}

Expressions instead of statements – Immutable

@funcProgramming

public static string GetSalutation(int hour) =>  hour < 12 ? "Good Morning" : "Good Afternoon";

Greet

@funcProgramming

Option<string> _ = None;
Option<string> john = Some("John");
string greet(Option<string> greetee)
  			=> greetee.Match(
					None: () => "Sorry, who?",
					Some: (name) => $"Hello, {name}"
			);
greet(None)  // => "Sorry, who?"
greet(Some("John"))  // => "Hello, John"

Tuple creation

@funcProgramming

Tuple<string, double>[] scores =
{ 
  new Tuple<string, double>(“Sam", 97.2), 
  new Tuple<string, double>(“Rita", 92.7), 
  new Tuple<string, double>(“Jill", 88.9)
}

Average scores

@funcProgramming

Tuple<string, Nullable<int>>[] scores =
{ 
 new Tuple<string, Nullable<int>>("Jack", 78),
 new Tuple<string, Nullable<int>>(“Jill", 10),
 new Tuple<string, Nullable<int>>(“Mack", 48),
 new Tuple<string, Nullable<int>>("Sam", 91),
 new Tuple<string, Nullable<int>>(“Jam", null),
 new Tuple<string, Nullable<int>>(“Tam", 100),
 new Tuple<string, Nullable<int>>(“Rita", 89),
 new Tuple<string, Nullable<int>>(“Mary", null) 
};

private static double AverageScore(Tuple<string, Nullable<int>>[] scores, out int n)
{     
  n = 0; int sum = 0;
  foreach (var score in scores)
  {      
    if (score.Item2.HasValue)
    { 
      n += 1;
      sum += score.Item2.Value;
    }
  }
  if (n > 0)
     return sum / (double)n;
  else
     return 0; 
}

int number;
double mean = AverageScore(scores, out number);
Console.WriteLine("Average test score: {0:N2} (n={1})", mean, number);

Multicast Delegate

@funcProgramming

using System;
delegate void CustomDel(string s);
class TestClass
{
    static void Hello(string s){
        Console.WriteLine($"  Hello, {s}!");
    }
    static void Goodbye(string s){
        Console.WriteLine($"  Goodbye, {s}!");
    }
    static void Main()
    {
        CustomDel hiDel, byeDel, multiDel, multiMinusHiDel;
        hiDel = Hello;
        byeDel = Goodbye;
        multiDel = hiDel + byeDel;
        multiMinusHiDel = multiDel - hiDel;
        Console.WriteLine("Invoking delegate hiDel:");
        hiDel("A");
        Console.WriteLine("Invoking delegate byeDel:");
        byeDel("B");
        Console.WriteLine("Invoking delegate multiDel:");
        multiDel("C");
        Console.WriteLine("Invoking delegate multiMinusHiDel:");
        multiMinusHiDel("D");
    }
}
/* Output:
Invoking delegate hiDel:
  Hello, A!
Invoking delegate byeDel:
  Goodbye, B!
Invoking delegate multiDel:
  Hello, C!
  Goodbye, C!
Invoking delegate multiMinusHiDel:
  Goodbye, D!
*/

A. Casimir's String Solitaire

@Naredra

#include<iostream>
#include<bits/stdc++.h>
using namespace std;
int main()
{
	int n, k;
	int co=0;
	cin>>n;
	while(n--)
	{
	   string  s;
		cin>>s;
		int k ;
		k = s.length();
		for(int i =0;i<k;i++)
		{
			if(s[i]=='B')
			{
				co = co+1;
				
			}
		}
		if(k%2==0 && co==k/2)
		{
			cout<<"Yes ";
		}
		else{
			cout<<"no";
		}
		co=0;
	}
}

HOF

@funcProgramming

public delegate void FunctionType();

public static FunctionType HigherOrder(FunctionType functionValue)
{
    return functionValue;
}

public static void CallHigherOrder()
{
    FunctionType inputValue = default(FunctionType);
    FunctionType outputValue = HigherOrder(inputValue);
}

FOF

@funcProgramming

public class DataType { }

public static DataType FirstOrder(DataType dataValue)
{
    return dataValue;
}

public static void CallFirstOrder()
{
    DataType inputValue = default(DataType);
    DataType outputValue = FirstOrder(inputValue);
}

alphabates

@vitrag09

#include<stdio.h>
int main(){
  printf("hello world");
}

freeCodeCamp Challenge Guide: Counting Cards - Guide - The freeCodeCamp Forum

@koko

let count = 0;

function cc(card) {
  // Only change code below this line
  switch (card) {
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      count++;
      break;
    case 10:
    case "J":
    case "Q":
    case "K":
    case "A":
      count--;
      break;
  }
  if (count > 0) {
    return count + " Bet";
  } else {
    return count + " Hold";
  }
  // Only change code above this line
}

cc(2); cc(3); cc(7); cc('K'); cc('A');
Code Explanation
Check the value of each card via a switch statement.
The variable count:
Increases by 1 if the card is a 2, 3, 4, 5, or 6.
Since 7, 8, and 9 aren’t worth anything, we ignore those cards in our switch statement.
Decreases by 1 if the card is a 10, ‘J’, ‘Q’, ‘K’, or ‘A’.
Check the value of count and return the appropriate response.
Example Run

cc(2); runs.
The switch statement hits case 2, jumps down and adds 1 to the variable count.
The switch statement then hits the break and cc(3); runs.
This cycle continues until the final call is made, cc('A');.
After the switch statement, the if statement checks count, which is now 0.
This then drops down to the else statement, which will return 0 Hold.
Note: As mentioned earlier, the switch statement could have also been an else if statement.

pyinputplus library

@trivent

>>> import pyinputplus as pyip
>>> help(pyip.parameters)
Help on function parameters in module pyinputplus:

parameters()
    Common parameters for all ``input*()`` functions in PyInputPlus:

    * ``prompt`` (str): The text to display before each prompt for user input. Identical to the prompt argument for Python's ``raw_input()`` and ``input()`` functions.
    * ``default`` (str, None): A default value to use should the user time out or exceed the number of tries to enter valid input.
    * ``blank`` (bool): If ``True``, a blank string will be accepted. Defaults to ``False``.
    * ``timeout`` (int, float): The number of seconds since the first prompt for input after which a ``TimeoutException`` is raised the next time the user enters input.
    * ``limit`` (int): The number of tries the user has to enter valid input before the default value is returned.
    * ``strip`` (bool, str, None): If ``None``, whitespace is stripped from value. If a str, the characters in it are stripped from value. If ``False``, nothing is stripped.
    * ``allowlistRegexes`` (Sequence, None): A sequence of regex str that will explicitly pass validation.
    * ``blocklistRegexes`` (Sequence, None): A sequence of regex str or ``(regex_str, error_msg_str)`` tuples that, if matched, will explicitly fail validation.
    * ``applyFunc`` (Callable, None): An optional function that is passed the user's input, and returns the new value to use as the input.
    * ``postValidateApplyFunc`` (Callable, None): An optional function that is passed the user's input after it has passed validation, and returns a transformed version for the ``input*()`` function to return.

Parallax Template - Materialize

@corysuida

https://materializecss.com/templates/parallax-template/preview.html

PostgreSQL: Documentation: 14: SELECT

@mvieira

SELECT DISTINCT ON (location) location, time, report
    FROM weather_reports
    ORDER BY location, time DESC;

How to How To Change Bullet Lists Into Checkmarks Or Other Icons In Divi

@aldinlapinig

/*bullet checklist by www.peeayecreative.com*/
.pa-bullet-list-1 ul {
list-style-type: none!important;
}

.pa-bullet-list-1 ul li:before {
content: '\e052'!important;
color: #2cba6c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}

Checking Media Queries With jQuery - DZone Mobile

@fiki98

if($(window).width() < 767)
{
   // change functionality for smaller screens
} else {
   // change functionality for larger screens
}

.env notification larnu

@javier

# Firebase
environment=develop
FIREBASE_PROJECT_ID=larnu-299823
FIREBASE_PRIVATE_KEY_ID=14cc29e58b00f6a2b4ccfe663989c57db8a46c0e
FIREBASE_PRIVATE_KEY=-----BEGIN PRIVATE KEY-----\nMIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQDSikRmGMZS1GLR\nc/VibEVHfHobgJp8hUCvc4w5id23y79NVUm/gEyl+pEiertPzg/iY5LbTuONQSlp\nPVCjc4NXkg8cxtL1+Zm0pYor1TUVaLZRcfS1deFXTAvSIQbttcaI4hzFPoADlYTR\nsIIy3o3pc9Iwv2MjqaaVsSB3gUbRVD85pxu1rc0VwV2jm94RQ+Fi8aJEz6GKkmKm\nB8hm//FJY5YneZETLjG+Jg5uJSpxPHpivVom0xXh1PN2Ekg58D0lw/wGeUISP7U0\n8GiVmjL+cNPwcuV/RHU9T3vKo3TEIPFulG1SN8M2GbOHGbwzzT+sUD/1jNPxfnmI\nf2p9xDL3AgMBAAECggEAJjOveIULS1E9QvsS7dJueauk7mOV5H07QPqq2W/iGqzu\nH8aXdJd/kOhXuFVjsnXV3QKrTX7RfDp0HKPjA1182gFnG5YaBkbNdIFLAmwTzzgq\nSLnwKJLkmfXy+SREARLoHMNGbCXMjZnuOSwZW8iVIGSDIZRAlWJ9lxDGLtj2tBmM\nRDRiN9tbJGncntaMQ7gdT8N4qvzbkWi5eWgGUo3eQKIgzajchzkpcms1rfzz7xFS\nVWrMhanuTFf4okXbLjbEUG5N6tzMi2r5XrKcot81zvfUs+EIIbzVBtX6PlPE8pyp\nh5ya3VjZpejzOciR+Lo2BuH+N3tHnrB0ueVW8J6bKQKBgQD64skhBha4IcLMtNbs\n85zjwO6DNG3gXkgV47NBm+hKtk+10hnAfqRjPw0A0MFCbaWu7PfUp0l7vj4/ue0V\nh44GuKf2lCm+TPcVqk5KAvXNBUqqV+12dbWKMPyB5HyYsk8glqr8sOGbM6MNjur/\n2vkubxbHh3ZU6eV0SWL1YaM+6QKBgQDW1PFH3oqFMbcMqRRgvlF4XdO1GqkxqWeR\n1C1Jb9eIo8vz4q4u74AuEXaXE9WY5fNFNNcfNXMxOi0u5CqBdJa1PkiWZA3uhfKt\nZB6/nP1b3Kzhg/0/W5opLJ2ytc94vfc6duzoDse6LdRYj4HUCDlD0S+WQfHf+0r4\n/VH6xGl23wKBgD3b8xmIZcuqz1wn7qJoArQJWwXQxJLAzGdRSF6R8XmScB71mdHj\np+asoikkT7JwVJzH4ud1A+JV6wVNc46OaM9xckCTEaPRWE7oOft3tWGCv4E2wt8l\ncMiNAYWJb8s6k9YGMEyz1DyvQ7HRHlJNjIkNbQFvfha7wQ6mFZdJJrYZAoGAPPl5\ndgWS2VUP+FbxArhh1UEEOq3TgdXsIHbRV7uXuB+NXq5i881kWy73ss+dW2VA0864\nlBIOnNU/R8TYz59wuwZvgcfqMF3yUAZPt+DuBCmxI9zbfyUXr0ILjFKQDVwVlJF2\nkjLHu28QiwZIOg8PedEgqYwUA5eGYv87Smp+6I8CgYA1qsx6dLNqNTsfROSUf163\nxI7rXiiAND40sIgbFM7EN2JbAL8hd4JeRqKb+Ith7ev/aou2dXUCSsXBS/6GDQiJ\nPCUIXxQJ12mjfXRE+FVGq/Lg7EHDZHjdHexbVmR7HMu4kCjgn1J0xZaRLRshSgaQ\nD/f5CpgmpqZbxeCqiwMCvQ==\n-----END PRIVATE KEY-----\n
FIREBASE_CLIENT_EMAIL=firebase-adminsdk-4dz6s@larnu-299823.iam.gserviceaccount.com
FIREBASE_CLIENT_ID=100293095581223659482
FIREBASE_CLIENT_CERT_URL=https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-4dz6s%40larnu-299823.iam.gserviceaccount.com

SQLALCHEMY_DATABASE_URL=postgresql://postgres:cmJ2w9fEOgw5MdLe@34.95.139.180:5432/larnu-production
SQLALCHEMY_DATABASE_BUSINESS_URL=postgresql://postgres:cmJ2w9fEOgw5MdLe@34.95.139.180:5432/larnu-business
SQLALCHEMY_ECHO=True

DEFAULT_LENGUAGE=EN
ECHO=True
API_KEY=2131dkq8cwmSDFxsisd!_@#(!KWR(F(F)_#$))AS

.env larnu-api

@javier

# App Properties
APP_ENV=develop
SECRET=asdfwq12kescqwwold2151825j128dn81y42904u

# Cors
ALLOWED_HOSTS=["localhost"]
CORS_ALLOWED_ORIGINS=["http://localhost:4200"]

# Firebase
FIREBASE_PROJECT_ID=larnu-app
FIREBASE_PRIVATE_KEY_ID=b3224a2f70ad682203b5ea6b3eb93b31d53455d9
FIREBASE_PRIVATE_KEY=-----BEGIN PRIVATE KEY-----\nMIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDVaVJjFXxB1Knr\n4FKxGKOTYV5LESI1NNwWfuWCz6ugEJImlmQZKHfBPJIZIfh46rG1wOk2+alfOie+\nASipXaDLShwpr024qJ9wy6JCbe5vfKiGwgQNVRrj27WjWNtNQ1UhpFpp2Vd9LP44\n3yH5LywN/qRR0mt2PvEN6jji5KekP1CDZ3xjJMakeO+rcmobST/xnEmbSnDp1e33\nbcv7YTvO8DTLkZCPhplEzucxcjA/9Xhhr27z630goURYJ0pXKMDJaiw35Z+jrdFY\n2x0EFLXMleNi59rLHlD9z2On3rg+wKgA52R1/1F2vLmNzRDevOlLtnTTZNFmJcIH\nx9Q1tEndAgMBAAECggEAGQHT8R9h5ZblaGnrVqwz8r+snHBACWsNxScOftMV4dY/\nQf1KcnY+/io6Vm6YHpclxs35pgMAWVPHt2iMWrhJcLjY7vuHSHWd5Uo/U7htAaxi\nVRQkBGnuEjg7Iw50+CtFLQGExLV+noDos0JWSUxBRcyKdboJ9JuwhHhnPRMdH85C\ngMEi5uLFiENP1oSV5hYJuFXHiHvSnPB5FsxBH3T16PGTh5RU3qcEs6osGimK5j94\nXBjTvA12HM44YDeLJaPKBp4XLyzfNiq1qP/RnyAYjVbH3Qrwaz8GyquC5duZCSR2\nSceJ0XB5H2NRG2EA6ptk9v4szYKigl8lCoxf0FeS0QKBgQD/3BcGgYgk5BJuJ2DQ\n2q44VLbrvtFIYgREoElKrpgikymGSEsNshPLOvLnjMHcOCctqCUWGvbKpWqdFHgF\nhfK/FaKaDTRnswWwgc+uYkafOvmJpCgysjjJBqnoaWhp/SQ2eY4I92scQTkqQ5eQ\nsuFVTkt+j4PktmaQIZgkI/vupQKBgQDVh0Y0YFS62h+7NWqKYQbGy9UWLl3i++Pt\nq02ky5MIZvq4JD2UN3mG3HGmQnpBiUkHlbcWw4xEqk4y6K5woXF9A25OGn1E1vDn\ny8coMiyBS2loPDrmNjeNRp/0LELW1yvBTyazaua6UoSPWZs20BdlcM3TQbbBJm7K\n5xbS9tsA2QKBgQCnxsv2gTQkdMY9I2dSLUP3Pl3gwvT7kQKZeb310f2DFpsxKfDF\nX1OpfdNQ0TVCUjQmtU70auQQSF5b+NMnVAm1EdvZRvVpVrRRZR4pjNogigyeHF4b\nuFCSSeNautw0PEHl0tm3uX6sPXzd4QrfYN1wEfJhYHytmoow00av1ETc3QKBgQCb\nyNPZhqaKpHUeGnyedOeCxleylSV+YxQJ5D8Dilq9eJRXIGmk50xMrixkhn+3rLeR\nRxOLEiQWPMJMtiH+nmq0MHqblQvr231rP+sPUnvR4PkISVkXeFrTQcGVXW1uXRHZ\nOSwdHlMzgNyh0VhCh1NqeQBRrtHs3WNbuXmXdO6XEQKBgDGsEgw55fUs5A2d9MeF\npugQXsDwPt/cK8ACBCMyhayvqcrNStSqQdrG5cyiflAevsR3J8UrP5jWg2veE5Pz\naDm4rNFXPFBKd230dpIxujfKqAWUwJ0AYpWVx8oNn3lIsV+OGm4uESoZ1se/Oncj\njsrhRdyXEAdqPTTeszudIJjh\n-----END PRIVATE KEY-----\n
FIREBASE_CLIENT_EMAIL=firebase-adminsdk-yczle@larnu-app.iam.gserviceaccount.com
FIREBASE_CLIENT_ID=110589722954723186456
FIREBASE_CLIENT_CERT_URL=https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-yczle%40larnu-app.iam.gserviceaccount.com

# database
POSTGRESQL_NAME=larnu_api_db
POSTGRESQL_USER=larnu
POSTGRESQL_PASSWORD=larnuisgold
POSTGRESQL_HOST=localhost
POSTGRESQL_PORT=5432


PROJECT_ID=larnu-299823
GS_BUCKET_NAME=bucket-larnu
GOOGLE_APPLICATION_CREDENTIALS=C:\Users\Usuario\repository\larnu\microservices\ms-backend\credentials.json

# lifes
INITIAL_LIVES=10

# notification ms
MS_NOTIFICATION_URL=http://127.0.0.1:8000/notification
MS_NOTIFICATION_KEY=2131dkq8cwmSDFxsisd!_@#(!KWR(F(F)_#$))AS

BUSINESS_API_URL=http://127.0.0.1:6000/api-users/v1/
BUSINESS_API_KEY=SWjwLtgA.JyUqCfWSnKqsuN04vXePX2GywqSfmjbA


# email ms 
MS_EMAIL_KEY=2131dkq8cwmSDFxsisd!_@
MS_EMAIL_URL=http://127.0.0.1:8000/email/user

MS_CERTIFICATE_URL=https://ms-certificate-dev-upy5mhs63a-rj.a.run.app/certificate
MS_CERTIFICATE_KEY=2131dkq8cwmSDFxsisd!_@#(!KWR(F(F)_#$))AS

Tryit Editor v1.0 - Example of a simple sign up form|W3Docs

Python: How to create an empty list and append items to it?

ll show human readable size

array contains any element of another array - JSFiddle - Code Playground

Mobile Menu on iPad Pro

Align text på billede hvis det er realativt

Hvis du har model IPublishedContent og skal bruge UmbracoTemplatePage - tilføj en helper

javascript - Smooth scroll to div id jQuery - Stack Overflow

dart - How to set Custom height for Widget in GridView in Flutter? - Stack Overflow

Gør store bogstaver små

gør at når man hover over noget kommer der text frem

LOS POLLOS ordering template - short link

Blog: How causal

Blog: How causal 2

Blog: How causal 3

Blog: How causal

Blog: How causal 5

javascript - Trigger event when user scroll to specific element - with jQuery - Stack Overflow

Hvis support.css mangler

PostgreSQL: Documentation: 9.5: CREATE FUNCTION

PostgreSQL CREATE FUNCTION By Practical Examples

datetime - PHP Sort a multidimensional array by element containing date - Stack Overflow

PostgreSQL: Documentation: 9.5: Modifying Tables

Tripling integers in a list

Tripling integers in a list

Functional approach: where and orderby don't effect the original list

Assign a lambda expression to a delegate

Linq Expression using Where, OrderBy and Select

Sorting a list of numbers using lambda expression

Closure example for lambdas

Delegates Syntax

Finding area of rectangle and square using delegates

Expressions instead of statements - Mutable

Expressions instead of statements – Immutable

Greet

Tuple creation

Average scores

Multicast Delegate

A. Casimir's String Solitaire

HOF

FOF

alphabates

freeCodeCamp Challenge Guide: Counting Cards - Guide - The freeCodeCamp Forum

pyinputplus library

Parallax Template - Materialize

PostgreSQL: Documentation: 14: SELECT

How to How To Change Bullet Lists Into Checkmarks Or Other Icons In Divi

Checking Media Queries With jQuery - DZone Mobile

.env notification larnu

.env larnu-api

Save snippets that work with our extensions