-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (100 loc) · 15.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/dark.css" media="(prefers-color-scheme: dark)" />
<link rel="stylesheet" href="style/light.css" media="(prefers-color-scheme: light)" />
<link rel="stylesheet" href="style/base.css" />
<link rel="stylesheet" href="style/temp.css" />
<link rel="shortcut icon" href="/image/favicon.png" type="image/x-icon">
<title>Diego Gonzalez Zuniga *diekus* : PWA, foldables, Web</title>
</head>
<body>
<header>
<h1>un sábado <br> trece</h1>
<span class="profileBorder" width="200px" height="200px">
<img src="/image/diekus-profile.jpg" class="headshot" width="200px" height="200px">
</span>
</header>
<span class="socials">
<a href="https://toot.cafe/@diekus">
<img src="/image/SVG/mastodon.svg" alt="Mastodon logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://instagram.com/diekus">
<img src="/image/SVG/instagram.svg" alt="instagram logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://github.com/diekus">
<img src="/image/SVG/github.svg" alt="github logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://medium.com/@diekus">
<img src="/image/SVG/medium.svg" alt="Medium logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://uk.linkedin.com/in/diekus">
<img src="/image/SVG/linkedin.svg" alt="LinkedIn logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://reddit.com/user/diekus">
<img src="/image/SVG/reddit.svg" alt="reddit logo" class="social_icon" width="35px" height="35px">
</a>
<a href="https://x.com/diekus">
<img src="/image/SVG/x.svg" alt="X logo" class="social_icon" width="35px" height="35px">
</a>
</span>
<main>
<h2>senior pm @ microsoft edge <br> working on pwas >>></h2>
<article>
<h3>⬇️ Web Install API</h3>
<img src>
<p>We're working towards democratizing web application distribution by baking the installation capability directly in the platform. Take a look at our<a href="https://aka.ms/webinstall"> proposal</a> and take part in the conversation surrounding the design of this revolutionary API by opening an <a href="https://github.com/MicrosoftEdge/MSEdgeExplainers/issues/new?assignees=diekus&labels=Web+Install+API&projects=&template=web-install-api.md&title=%5BWeb+Install%5D+%3CTITLE+HERE%3E">issue</a>.</p>
<br/>
<svg viewBox="0 0 98 44" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" class="webinstlogo" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><g transform="matrix(.14408 0 0 .14408 -21.53 -62.817)"><path d="M409.438 545c0-35.874-29.126-65-65-65h-130c-35.875 0-65 29.126-65 65v130c0 35.874 29.125 65 65 65h130c35.874 0 65-29.126 65-65V545Z" style="fill:#e5e5e5"/><clipPath id="a"><path d="M409.438 545c0-35.874-29.126-65-65-65h-130c-35.875 0-65 29.126-65 65v130c0 35.874 29.125 65 65 65h130c35.874 0 65-29.126 65-65V545Z"/></clipPath><g clip-path="url(#a)"><path d="M640.049 275.505c0-28.083-22.799-50.883-50.882-50.883H537.28c-28.083 0-50.883 22.8-50.883 50.883v51.887c0 28.083 22.8 50.882 50.883 50.882h51.887c28.083 0 50.882-22.799 50.882-50.882v-51.887Z" style="fill:#ffb800" transform="translate(-255.79 376.276) scale(1.10808)"/><path d="M640.049 275.505v51.887c0 28.083-22.799 50.882-50.882 50.882H537.28c-28.083 0-50.883-22.799-50.883-50.882v-51.887c0-28.083 22.8-50.883 50.883-50.883h51.887c28.083 0 50.882 22.8 50.882 50.883Zm-13.914 0c0-20.404-16.565-36.969-36.968-36.969H537.28c-20.404 0-36.969 16.565-36.969 36.969v51.887c0 20.403 16.565 36.968 36.969 36.968h51.887c20.403 0 36.968-16.565 36.968-36.968v-51.887Z" style="fill:#fff;fill-opacity:.6" transform="translate(-255.79 376.276) scale(1.10808)"/><path d="M640.049 275.505c0-28.083-22.799-50.883-50.882-50.883H537.28c-28.083 0-50.883 22.8-50.883 50.883v51.887c0 28.083 22.8 50.882 50.883 50.882h51.887c28.083 0 50.882-22.799 50.882-50.882v-51.887Z" style="fill:#0069ce" transform="translate(-444.967 376.276) scale(1.10808)"/><path d="M640.049 275.505v51.887c0 28.083-22.799 50.882-50.882 50.882H537.28c-28.083 0-50.883-22.799-50.883-50.882v-51.887c0-28.083 22.8-50.883 50.883-50.883h51.887c28.083 0 50.882 22.8 50.882 50.883Zm-13.914 0c0-20.404-16.565-36.969-36.968-36.969H537.28c-20.404 0-36.969 16.565-36.969 36.969v51.887c0 20.403 16.565 36.968 36.969 36.968h51.887c20.403 0 36.968-16.565 36.968-36.968v-51.887Z" style="fill:#fff;fill-opacity:.6" transform="translate(-444.967 376.276) scale(1.10808)"/><path d="M640.049 275.505c0-28.083-22.799-50.883-50.882-50.883H537.28c-28.083 0-50.883 22.8-50.883 50.883v51.887c0 28.083 22.8 50.882 50.883 50.882h51.887c28.083 0 50.882-22.799 50.882-50.882v-51.887Z" style="fill:#0069ce" transform="translate(-444.967 187.099) scale(1.10808)"/><path d="M640.049 275.505v51.887c0 28.083-22.799 50.882-50.882 50.882H537.28c-28.083 0-50.883-22.799-50.883-50.882v-51.887c0-28.083 22.8-50.883 50.883-50.883h51.887c28.083 0 50.882 22.8 50.882 50.883Zm-13.914 0c0-20.404-16.565-36.969-36.968-36.969H537.28c-20.404 0-36.969 16.565-36.969 36.969v51.887c0 20.403 16.565 36.968 36.969 36.968h51.887c20.403 0 36.968-16.565 36.968-36.968v-51.887Z" style="fill:#fff;fill-opacity:.6" transform="translate(-444.967 187.099) scale(1.10808)"/></g><path d="M409.438 545v130c0 35.874-29.126 65-65 65h-130c-35.875 0-65-29.126-65-65V545c0-35.874 29.125-65 65-65h130c35.874 0 65 29.126 65 65Zm-15.414 0c0-27.368-22.219-49.587-49.586-49.587h-130c-27.368 0-49.587 22.219-49.587 49.587v130c0 27.368 22.219 49.587 49.587 49.587h130c27.367 0 49.586-22.219 49.586-49.587V545Z" style="fill:#fff;fill-opacity:.6"/></g><path d="M625.508 369.334c7.01.844 12.464 2.351 13.918 4.521 4.763 7.103-19.049 50.021-28.574 50.021-9.525 0-33.338-42.918-28.575-50.021 1.455-2.17 6.908-3.677 13.918-4.521v-23.06a7.332 7.332 0 0 1 7.329-7.328h14.656a7.332 7.332 0 0 1 7.328 7.328v23.06Z" style="fill:#01d300" transform="matrix(.42008 0 0 .28883 -225.072 -97.898)"/><path d="M625.508 369.334c7.01.844 12.464 2.351 13.918 4.521 4.763 7.103-19.049 50.021-28.574 50.021-9.525 0-33.338-42.918-28.575-50.021 1.455-2.17 6.908-3.677 13.918-4.521v-23.06a7.332 7.332 0 0 1 7.329-7.328h14.656a7.332 7.332 0 0 1 7.328 7.328v23.06Zm-37.93 9.757c.397 1.473.947 3.333 1.552 4.86 3.327 8.393 9.237 18.777 14.765 25.748 1.69 2.131 3.331 3.932 4.844 5.182.818.675 1.498 1.304 2.113 1.304.614 0 1.294-.629 2.112-1.304 1.513-1.25 3.155-3.051 4.844-5.182 5.529-6.971 11.439-17.355 14.766-25.748.605-1.527 1.154-3.387 1.551-4.86-2.143-.675-5.736-1.693-9.053-2.092-2.742-.33-4.852-3.663-4.852-7.665v-21.937c-.441-.263-1.362-.76-2.04-.76h-14.656c-.678 0-1.599.497-2.041.76v21.937c0 4.002-2.109 7.335-4.851 7.665-3.317.399-6.91 1.417-9.054 2.092Z" style="fill:#fff;fill-opacity:.6" transform="matrix(.42008 0 0 .28883 -225.072 -97.898)"/><path d="m248.284 571.802 19.246-71.571h-15.437l-11.728 49.318h-.2l-12.229-49.318H213.2l-12.429 48.717h-.201l-11.327-48.717h-15.737l18.945 71.571h15.938l11.928-48.716h.201l12.129 48.716h15.637ZM302.413 540.327h-23.155c.067-1.002.284-2.138.651-3.408.368-1.27 1.003-2.473 1.905-3.609.902-1.136 2.105-2.088 3.609-2.857 1.503-.768 3.391-1.152 5.663-1.152 3.475 0 6.065.935 7.769 2.806 1.704 1.872 2.89 4.611 3.558 8.22Zm-23.155 9.022h37.389c.267-4.01-.067-7.853-1.002-11.528-.936-3.675-2.456-6.95-4.561-9.823-2.105-2.874-4.795-5.163-8.069-6.867-3.275-1.704-7.117-2.556-11.528-2.556-3.943 0-7.535.702-10.776 2.105-3.241 1.404-6.031 3.325-8.37 5.764-2.338 2.439-4.143 5.329-5.412 8.671-1.27 3.341-1.905 6.949-1.905 10.825 0 4.01.618 7.685 1.854 11.027 1.237 3.341 2.991 6.214 5.263 8.62 2.272 2.406 5.045 4.26 8.32 5.563 3.274 1.304 6.95 1.955 11.026 1.955 5.881 0 10.893-1.336 15.036-4.009 4.143-2.673 7.217-7.117 9.222-13.332h-12.53c-.468 1.604-1.737 3.124-3.809 4.561-2.072 1.436-4.544 2.155-7.418 2.155-4.009 0-7.083-1.036-9.222-3.108-2.138-2.071-3.308-5.413-3.508-10.023Z" style="fill:var(--foreground);fill-rule:nonzero" transform="matrix(.18865 0 0 .18865 13.427 -84.054)"/><path d="M498.341 659.339v-63.144h12.333v22.583h.174c1.506-2.316 3.547-4.01 6.123-5.081a20.72 20.72 0 0 1 8.035-1.607c2.258 0 4.487.463 6.687 1.389 2.201.927 4.184 2.346 5.95 4.256 1.766 1.911 3.199 4.358 4.299 7.34 1.101 2.982 1.651 6.528 1.651 10.64 0 4.111-.55 7.657-1.651 10.639-1.1 2.983-2.533 5.429-4.299 7.34-1.766 1.911-3.749 3.329-5.95 4.256-2.2.926-4.429 1.389-6.687 1.389h-26.665Zm32.918-23.538c0-1.91-.202-3.734-.608-5.471-.405-1.738-1.042-3.272-1.911-4.604-.868-1.332-1.954-2.388-3.257-3.17-1.303-.782-2.88-1.173-4.733-1.173-1.795 0-3.359.391-4.691 1.173a9.863 9.863 0 0 0-3.3 3.17c-.869 1.332-1.506 2.866-1.911 4.604a24.028 24.028 0 0 0-.608 5.471c0 1.853-.023 14.417-.023 14.417s8.738-.085 10.533-.085c1.853 0 3.43-.391 4.733-1.173 1.303-.782 2.389-1.838 3.257-3.17.869-1.332 1.506-2.866 1.911-4.603.406-1.738.608-3.533.608-5.386ZM380.651 730.5h4.952L374 745.79l-11.603-15.29h4.617v-61.898h13.637V730.5Z" style="fill:var(--foreground)" transform="matrix(.21772 0 0 .21772 -33.746 -119.488)"/><path d="M443.75 518.454v53.348h14.234v-27.165c0-5.279-.064-14.82-.064-14.82s7.214-.015 11.09-.015c3.408 0 5.781 1.052 7.117 3.157 1.337 2.105 2.005 5.296 2.005 9.573v29.27h14.234v-31.876c0-3.208-.284-6.131-.852-8.771-.568-2.639-1.554-4.878-2.957-6.716-1.403-1.838-3.325-3.274-5.764-4.31-2.439-1.036-9.372-1.554-9.372-1.554l-10.726-.121H443.75ZM514.218 554.962h-13.532c.133 3.475.919 6.365 2.355 8.671 1.437 2.305 3.275 4.159 5.514 5.563 2.238 1.403 4.794 2.406 7.668 3.007a42.97 42.97 0 0 0 8.821.902c2.94 0 5.83-.284 8.671-.852 2.84-.568 5.362-1.554 7.568-2.957 2.205-1.403 3.992-3.258 5.362-5.563 1.37-2.306 2.055-5.163 2.055-8.571 0-2.405-.468-4.427-1.403-6.064a12.858 12.858 0 0 0-3.709-4.11c-1.537-1.103-3.291-1.988-5.262-2.656a60.021 60.021 0 0 0-6.065-1.704 239.611 239.611 0 0 0-5.914-1.303c-1.938-.401-3.659-.852-5.162-1.354-1.504-.501-2.724-1.152-3.659-1.954-.936-.802-1.403-1.838-1.403-3.108 0-1.069.267-1.921.802-2.556a5.257 5.257 0 0 1 1.954-1.453 8.705 8.705 0 0 1 2.556-.652c.936-.1 1.805-.15 2.606-.15 2.54 0 4.745.484 6.616 1.453 1.871.969 2.907 2.824 3.108 5.564h13.532c-.267-3.208-1.086-5.864-2.456-7.969-1.37-2.105-3.091-3.793-5.162-5.062-2.072-1.27-4.427-2.172-7.067-2.707a41.035 41.035 0 0 0-8.17-.802c-2.806 0-5.546.251-8.219.752-2.673.501-5.079 1.37-7.217 2.606-2.139 1.236-3.86 2.924-5.163 5.062-1.303 2.139-1.954 4.879-1.954 8.22 0 2.272.467 4.193 1.403 5.764a12.196 12.196 0 0 0 3.709 3.909c1.537 1.036 3.291 1.871 5.262 2.506a70.318 70.318 0 0 0 6.065 1.654c5.079 1.069 9.038 2.138 11.878 3.207 2.84 1.07 4.26 2.673 4.26 4.812 0 1.27-.3 2.322-.902 3.157a6.824 6.824 0 0 1-2.255 2.005c-.902.501-1.905.869-3.007 1.103a15.228 15.228 0 0 1-3.158.351 16.25 16.25 0 0 1-4.06-.502c-1.303-.334-2.455-.852-3.458-1.553a8.328 8.328 0 0 1-2.456-2.707c-.635-1.102-.952-2.422-.952-3.959ZM575.063 519.978v-15.537h-14.234v15.537h-8.62v9.523h8.62v30.573c0 2.606.435 4.711 1.303 6.315.869 1.604 2.055 2.84 3.559 3.709 1.503.869 3.241 1.453 5.212 1.754 1.972.301 4.06.451 6.265.451 1.403 0 2.84-.033 4.31-.1a33.79 33.79 0 0 0 4.01-.401v-11.026c-.668.133-1.37.234-2.105.3a25.42 25.42 0 0 1-2.306.101c-2.405 0-4.009-.401-4.811-1.203-.802-.802-1.203-2.406-1.203-4.812v-25.661h10.425v-9.523h-10.425ZM591.703 535.916c.2-3.341 1.036-6.114 2.506-8.319a17.06 17.06 0 0 1 5.613-5.313c2.272-1.337 4.828-2.289 7.668-2.857a43.607 43.607 0 0 1 8.571-.852c2.606 0 5.246.184 7.919.551 2.673.368 5.112 1.086 7.317 2.156 2.205 1.069 4.01 2.556 5.413 4.46 1.403 1.905 2.105 4.427 2.105 7.568v26.965c0 2.338.134 4.577.401 6.716.267 2.138.735 3.742 1.403 4.811h-14.434a20.445 20.445 0 0 1-.652-2.456 21.213 21.213 0 0 1-.35-2.556c-2.272 2.339-4.946 3.976-8.02 4.912a32.2 32.2 0 0 1-9.422 1.403c-2.473 0-4.778-.301-6.916-.902-2.139-.601-4.01-1.537-5.614-2.807-1.604-1.269-2.857-2.873-3.759-4.811-.902-1.938-1.353-4.244-1.353-6.917 0-2.94.518-5.362 1.554-7.267 1.035-1.905 2.372-3.425 4.009-4.561 1.637-1.136 3.509-1.988 5.614-2.556a59.863 59.863 0 0 1 6.365-1.353c2.138-.334 4.243-.602 6.315-.802 2.071-.201 3.909-.501 5.513-.902s2.873-.986 3.809-1.754c.936-.769 1.37-1.888 1.303-3.358 0-1.537-.25-2.757-.752-3.659-.501-.902-1.169-1.604-2.004-2.105-.836-.501-1.805-.835-2.907-1.003a23.806 23.806 0 0 0-3.559-.25c-2.807 0-5.012.601-6.616 1.804-1.603 1.203-2.539 3.208-2.806 6.014h-14.234Zm32.878 10.526c-.601.534-1.353.952-2.255 1.253-.902.3-1.871.551-2.907.751a44.47 44.47 0 0 1-3.258.502c-1.136.133-2.272.3-3.408.501-1.069.2-2.122.468-3.158.802-1.035.334-1.938.785-2.706 1.353a6.414 6.414 0 0 0-1.854 2.155c-.468.869-.702 1.971-.702 3.308 0 1.27.234 2.339.702 3.208a5.373 5.373 0 0 0 1.904 2.054c.802.502 1.738.852 2.807 1.053 1.069.2 2.172.301 3.308.301 2.806 0 4.978-.468 6.515-1.404 1.537-.935 2.673-2.055 3.408-3.358.735-1.303 1.186-2.623 1.354-3.959.167-1.337.25-2.406.25-3.208v-5.312ZM650.242 500.231h14.234v71.571h-14.234zM676.104 500.231h14.234v71.571h-14.234z" style="fill:var(--foreground);fill-rule:nonzero" transform="matrix(.18865 0 0 .18865 -32.26 -68.29)"/></svg>
</article>
<article>
<h3>up on stage 🕺🏽</h3>
<img src="image/onStage.jpg" class="paralelogram"></p>
<p><a href="https://www.youtube.com/watch?v=ExIw2F5p82Y&list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t&index=2">SOTB24: The Blue PWAnet</a></p>
</article>
<article>
<h3>from the 📽️ reel</h3>
<img src="image/reel.png">
<ul>
<li><a href="https://www.youtube.com/watch?v=E1xItksAZNc&list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t&index=6">PWA Native Integrations in Depth</a></li>
<li><a href="https://www.youtube.com/watch?v=AhMstpK2U-Y&list=PLar6hVjPOFzIxIf232Vhu73tgIMEEme3t&index=8">3 tips to improve your web app’s experience</a></li>
</ul>
</article>
<article>
<h3>🌐 dev content</h3>
<h4>for installed web apps:</h4>
<ul>
<li><a href="https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/DocumentSubtitle/explainer.md">[🧪 OT] Installed Web App window title (app-title).</a></li>
<li><a href="https://wicg.github.io/window-controls-overlay/">[🚢 Shipped] Window Controls Overlay</a></li>
</ul>
<h4><a href="https://www.w3.org/TR/device-posture/">Device Posture API</a></h4>
<p>Experimental API for foldables, dual screens, and postures of devices in general.</p>
<img src="image/SVG/DevicePostureAPI-logo.svg" height="50px" class="alignCent">
</article>
<article>
<h3>latest 📝 ramblings</h3>
<ul>
<li><a href="https://medium.com/samsung-internet-dev/folding-the-web-90952c925d52">Folding the Web</a></li>
<li><a href="https://medium.com/samsung-internet-dev/folding-the-web-90952c925d52">Taking control of your application’s title bar</a></li>
</ul>
</article>
<h2>hobbies and <br> tinkerings >>></h2>
<article>
<h3>that 📸 moment</h3>
<img src="image/snapshot.jpg" class="paralelogram"></p>
</article>
<article>
<h3>apps 📲</h3>
<h4><a href="https://diek.us/bubble">bubble</a></h4>
<p>Multi-platform 360/equirectangular image viewer.</p>
<img src="image/SVG/bubble-icon.svg" class="app-icon-link">
<h4><a href="https://diek.us/pwinter">The PWinter</a></h4>
<p>Create SVG PWA logos in any color.</p>
<img src="image/SVG/pwa-printer-logo.svg" class="app-icon-link">
</article>
</main>
<footer>Copyright © Diego González, diekus</footer>
</body>
</html>