-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmacos.html
147 lines (132 loc) · 5.89 KB
/
macos.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sameera's MacBook Setup</title>
<meta content="A complete lookaround of my personal macOS productivity setup on the MacBook Air."
name="description" />
<meta
content="macos, macbook, macbook air, apple silicon, apple m1, macbook m1, Sri Lanka, sameerasw, Sameera Sandakleum"
name="keywords" />
<meta data-rh="true" property="og:type" content="article" />
<meta data-rh="true" property="og:title" content="Sameera's MacBook Setup" />
<meta data-rh="true" property="og:description"
content="A complete lookaround of my personal macOS productivity setup on the MacBook Air.">
<meta data-rh="true" property="og:url" content="https://sameerasw.com/macos/" />
<meta data-rh="true" property="og:image"
content="https://raw.githubusercontent.com/sameerasw/sameerasw.com/main/assets/img/articles/macos/web-preview-macos.png" />
<!-- twitter card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sameera_s_w">
<meta name="twitter:creator" content="@sameera_s_w">
<meta name="twitter:title" content="Sameera's MacBook Setup">
<meta name="twitter:description"
content="A complete lookaround of my personal macOS productivity setup on the MacBook Air.">
<meta name="twitter:image"
content="https://raw.githubusercontent.com/sameerasw/sameerasw.com/main/assets/img/articles/macos/web-preview-macos.png">
<link rel=”canonical” href=”https://www.sameerasw.com/macos/” />
<link rel="stylesheet" href="css/dark.css" id="css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/article.css">
<link rel="stylesheet" href="css/no-cursor.css">
<link rel="stylesheet" href="css/background.css">
<!-- <link rel="stylesheet" href="css/arc.css"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,200" />
<!-- favicon -->
<link rel="icon" href="assets/img/logo-mini.png" type="image/png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6F3G1NW62X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-6F3G1NW62X');
</script>
<div class="cursor rounded move blur cursor-normal" id="cursor">
<div id="cursor-text"></div>
</div>
<nav id="nav">
<ul>
<li><a href="./index.html" id='home-nav' aria-label="back to home page">
<span class="material-symbols-rounded">
arrow_back
</span>
<span class="caption">Back</span>
</a></li>
</ul>
</nav>
<div id="sidebar">
<a>
<div id="theme" class="sidebar-button">
<span class="material-symbols-rounded">
brightness_4
</span>
</div>
<div id="color" class="sidebar-button">
<span class="material-symbols-rounded">
palette
</span>
</div>
</a>
</div>
<div id="background"></div>
<div class="container">
<section id="intro">
<div class="heading">
<div id="logo" class="macos-logo"></div>
<div class="container-mini item content">
<h1 id="title">Sameera's MacBook Setup</h1>
<img src="./assets/img/articles/macos/macos-screenshot.jpeg" alt="macOS screenshot preview"
id="screenshot">
<p class="item article-text">A complete lookaround of my personal macOS productivity setup on my <b
class="accent">MacBook Air M1 2020.</b>
The apps I use, tools, browser usage, productivity tricks will be mentioned below and updated
often as my setup changes.</p>
</div>
</div>
</section>
<section id="article-info" class="item">
<div class="heading item">
<h2>Device</h2>
</div>
<div class="container" id="specs-table">
<table>
<tr>
<td>
<img src="./assets/img/articles/macos/macbook-air.jpeg" alt="An image of my macbook air"
id="screenshot">
</td>
</tr>
<tr>
<td class="table-right"><b class="accent">Apple MacBook Air 2020 M1</b> <br>base specs <br>(8GB
unified memory + 256GB storage)</td>
</tr>
<tr>
<td class="table-right"><b class="accent">macOS Sequoia</b> <br>15.0</td>
</tr>
</table>
</div>
</section>
<section id="apps">
<div class="heading item">
<h2>Apps and Tools</h2>
</div>
<div class="container item" id="apps-list"></div>
<div class="card item" id="apps-guide">
<p class="free">Free</p>
<p class="paid">Paid</p>
<p class="foss">Free and Open Source</p>
</div>
</section>
<footer></footer>
<script src="js/app-list.js"></script>
<script src="js/script-article.js"></script>
<script src="js/cursor.js"></script>
</body>
</html>