Skip to content

Instantly share code, notes, and snippets.

View ebrugulec's full-sized avatar
💃

Ebru Gulec ebrugulec

💃
585 followers · 289 following
  • Berlin, Germany
View GitHub Profile
@ebrugulec
ebrugulec / react_login_context2.js
Last active July 21, 2019 15:50
//ProtectedRoute.js
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { AuthConsumer } from '../auth/AuthContext';
export const ProtectedRoute = ({
component: Component,
...rest
}) => (
<Route
@ebrugulec
ebrugulec / react_login_context.js
Last active July 21, 2019 16:13
//AuthContext.js
import React, { useState, createContext } from 'react';
const AuthContext = createContext(false);
function AuthProvider(props) {
const isCredentialsExist = JSON.parse(localStorage.getItem('credentials')) !== null ? true : false;
const [isAuth, setIsAuth] = useState(isCredentialsExist);
return (
@ebrugulec
ebrugulec / amp_carousel3.php
Created June 9, 2019 21:37
<div class="colors">
<?php
foreach ($product['colors'] as $key=>$item) {
?>
<button
on="tap:<?php echo $product['id'] ?>.goToSlide(index=<?php echo $key ?>)"
[class]="selected.<?php echo $product['id'] ?>.tab == <?php echo $key ?> ? 'active-product' : '' "
>
</button>
@ebrugulec
ebrugulec / amp_carousel2.php
Created June 9, 2019 21:24
<amp-carousel
class="amp-carousel-slide"
controls="false"
on="slideChange:AMP.setState({
selected: {
<?php echo $product['id'] ?>:{
tab: event.index
}
}
})"
@ebrugulec
ebrugulec / amp_carousel.php
Last active June 5, 2019 10:37
@ebrugulec
ebrugulec / amp_custom_style2.php
Created June 5, 2019 08:53
<?php
function tabs_amp_module()
{
$cssPath = 'Your css path';
if (file_exists($cssPath)) {
echo file_get_contents($cssPath);
}
}
@ebrugulec
ebrugulec / amp_custom_style.php
Created June 5, 2019 08:44
<head>
<style amp-custom>
<?php
do_action("AMP_MODULE_CSS");
?>
</style>
</head>
@ebrugulec
ebrugulec / react-extension3.js
Created March 28, 2019 00:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
@ebrugulec
ebrugulec / react-extension2.js
Created March 28, 2019 00:03
{
"manifest_version": 2,
"name": "Endoplazmik Retikulum",
"author": "Ebru Gulec",
"version": "1.0.2",
"description": "Replace new tab screen with amazing creativity.",
"incognito": "split",
"icons": {
"16": "16.jpg",
"48": "48.jpg",
@ebrugulec
ebrugulec / react-extension.sh
Last active March 27, 2019 23:55
$ create-react-app endoplazmik-retikulum
$ cd endoplazmik-retikulum
$ npm start