| @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600'); | |
| $primary-color: #551B76; | |
| $text-primary-color: #23315A; | |
| $text-secondary-color: #727A92; | |
| $text-contrast-color: #FFF; | |
| $success-color: #3A8D11; | |
| $warn-color: #FF9800; | |
| $button-border-radius: 4px; |
| <div class='mt-5 grid gap-10 grid-cols-1 md:grid-cols-3'> | |
| {{#each response}} | |
| <div class='flex justify-center items-end bg-slate-50 shadow-lg relative'> | |
| <div class='p-8 w-full flex items-center flex flex-col'> | |
| <img src={{image_url}} class='w-64 h-64 object-contain' /> | |
| <h3 class='text-3xl my-5 font-bold'>{{name}}</h3> | |
| <span class='flex justify-between w-full'> | |
| <span>ABV: {{abv}}%</span> | |
| <span>IBU: {{ibu}}%</span> | |
| </span> |
| export const reviews = [ | |
| { | |
| id: 1, | |
| reviewerName: "Shyam Nath R S.", | |
| reviewText: | |
| "As always with Jonas's other courses like JS, HTML and CSS I understood everything he told. As an improvement, it was a bit uneasy seeing the date you wrote code is 2019 in some lectures. Wished it was brand new. So can you do some update. Also can you consider incorporating lectures about Websocket, GraphQL, Testing, Node.js with TypeScript, and Deno as these were some topics I see included in another popular Node.js course. Anyways above are just suggestions I could think of and I am 99% happy with this course. Hope Jonas also does courses on mobile app development like React Native, Flutter, or Kotlin as those are things I want to learn next. Thank you Jonas!!", | |
| improvementSuggestions: [ | |
| "Update course content to be more current", | |
| "Include lectures on Websocket, GraphQL, Testing, Node.js with TypeScript, and Deno", | |
| "Consider creating courses on mobile app development with React Native, |
| <script> | |
| import { onMount } from "svelte"; | |
| import { getList, create } from "../utils"; | |
| import { data } from "../store"; | |
| import ItemList from "../lib/ItemList.svelte"; | |
| let lists = []; | |
| onMount(() => { | |
| getList.then( |
| <template> | |
| <div class="u-flex u-main-space-between u-cross-center u-width-full-line"> | |
| <span class="text">{{ item.todo }}</span> | |
| <div class="u-cursor-pointer"> | |
| <span | |
| class="icon-pencil" | |
| aria-hidden="true" | |
| @click.prevent="showModal = !showModal" | |
| :style="{ 'margin-right': space + 'em' }"></span> | |
| <span |
Technical writing is a type of writing where the author is writing about a particular subject that requires direction, instruction, or explanation. This style of writing has a very different purpose and different characteristics than other writing styles. ~ YourDictionary
This repository contains different technical writing resources that has been gathered from all around the internet
| import { useState } from 'react'; | |
| import Link from 'next/link'; | |
| import Image from 'next/image'; | |
| import { useRouter } from 'next/router'; | |
| const peeps = | |
| 'https://res.cloudinary.com/terieyenike/image/upload/v1667579350/peeps_ed6eci.png'; | |
| const defaultFormFields = { | |
| title: '', |
| import { useState } from 'react'; | |
| import Head from 'next/head'; | |
| import Image from 'next/image'; | |
| import { useRouter } from 'next/router'; | |
| const defaultFormFields = { | |
| first_name: '', | |
| last_name: '', | |
| email: '', | |
| company: '', |
| import { useState } from 'react'; | |
| import Head from 'next/head'; | |
| import Image from 'next/image'; | |
| const defaultFormFields = { | |
| first_name: '', | |
| last_name: '', | |
| email: '', | |
| company: '', | |
| message: '', |
| import Head from 'next/head'; | |
| import Image from 'next/image'; | |
| export default function Home() { | |
| return ( | |
| <div> | |
| <Head> | |
| <title>Customer Feedback Form</title> | |
| <meta | |
| name='description' |