kaungmyatlwin

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen

kaungmyatlwin

FreeCodeCamp Challenge | Random Quote Generator

A Pen by Kaung Myat Lwin on CodePen.

License.

kaungmyatlwin

[
  {
    "css": "html, body {\n  width: 100%;\n  height: 100%;\n}",
    "cssMode": "css",
    "externalLibs": {
      "css": "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css",
      "js": "https://unpkg.com/vue@2.1.3/dist/vue.min.js\nhttps://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js\nhttps://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"
    },
    "html": "<div id=\"app\">\n\n</div>",
    "htmlMode": "html",

kaungmyatlwin

#include <cs50.h>
#include <string.h>
#include <ctype.h>
#include <stdlib.h>
#include <stdio.h>

char shiftCipher(char c, int k) {
    if(isupper(c)) {
        return ((c - 65 + k) % 26) + 65;
    } else if (islower(c)){

kaungmyatlwin

[
    "Afghanistan",
    "Åland Islands",
    "Albania",
    "Algeria",
    "American Samoa",
    "Andorra",
    "Angola",
    "Anguilla",
    "Antarctica",

kaungmyatlwin

function convertTime(timestamp) {
  const time = new Date(timestamp);
  const hour = time.getHours();
  const convertedHour = ((hour + 11) % 12 + 1);
  const minute = time.getMinutes();
  let meridiem = '';
  if (hour < 12) {
    meridiem = 'AM';
  } else {
    meridiem = 'PM';

kaungmyatlwin

Vue.component('counter-buttons', {
	template: `
	<div>
		<button class="btn btn-sm btn-primary" @click="$emit('increase-count')">Increase</button>
		<button class="btn btn-sm btn-secondary" @click="$emit('decrease-count')">Decrease</button>
	</div>
`
});

Vue.component('counter-view', {

kaungmyatlwin

import firebase from 'firebase';

const state = {
  userId: '',
};

const actions = {
  login({ commit, state }, { email, password }) {
    return new Promise((resolve, reject) => {
      firebase.auth().signInWithEmailAndPassword(email, password)

kaungmyatlwin

import React, { useState, useRef,useEffect } from 'react';

const EditableInput = ({
  onChange,
  text,
  placeholder,
}) => {
  const inputRef = useRef(null);
  const [inputVisible, setInputVisible] = useState(false);

kaungmyatlwin

import React, { useState, useRef, useEffect } from "react";

const EditableInput = props => {
  return (
    <React.Fragment>
        <input />
        <span></span>
    </React.Fragment>
  );
};