-
Notifications
You must be signed in to change notification settings - Fork 6
/
about.html
117 lines (105 loc) · 5.01 KB
/
about.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
<!doctype html>
<html class="h-100" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Learn about the Random Stock Picker tool and the theory behind random stock selection for portfolio diversification.">
<meta name="author" content="">
<meta name="theme-color" content="#007bff">
<link rel="icon" href="favicon.ico">
<title>About Random Stock Picker</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49223760-7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-49223760-7');
</script>
</head>
<body class="h-100">
<div class="container h-100 mt-3">
<div class="row h-100 text-center justify-content-center align-items-center">
<div class="col-lg-8">
<div class="card box-shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">About Random Stock Picker</h4>
</div>
<div class="card-body text-left">
<h5 class="mb-3">Why Random Stock Picking?</h5>
<p>Random stock picking can be a valuable tool for investors looking to:</p>
<ul>
<li>Discover new investment opportunities outside their usual scope</li>
<li>Reduce cognitive biases in stock selection</li>
<li>Build a more diverse portfolio</li>
<li>Challenge their investment assumptions</li>
</ul>
<h5 class="mb-3 mt-4">How It Works</h5>
<p>The Random Stock Picker:</p>
<ul>
<li>Uses a complete list of stocks from the NASDAQ</li>
<li>Provides direct links to Robinhood and Yahoo Finance for quick research</li>
<li>Generates truly random selections for unbais exploration</li>
</ul>
<h5 class="mb-3 mt-4">History</h5>
<p>This project was first built in 2018, inspired by an economics class discussion on investment strategies. The concept draws from fascinating research showing that diverse portfolios - and sometimes even random stock selection - can outperform carefully curated picks. In fact, a famous study showed that simulated monkey-picked portfolios consistently beat market indexes by an average of 1.7% per year since 1964!</p>
<p>This builds on Burton Malkiel's 1973 claim in "A Random Walk Down Wall Street" that "a blindfolded monkey throwing darts at a newspaper's financial pages could select a portfolio that would do just as well as one carefully selected by experts." <a href="https://www.forbes.com/sites/rickferri/2012/12/20/any-monkey-can-beat-the-market/" target="_blank" rel="noopener" class="text-primary">Research has shown</a> that random selection can sometimes outperform expert picks, mainly because it eliminates human bias and naturally tends toward portfolio diversification.</p>
<div class="text-center mt-4">
<a href="index.html" class="btn btn-primary">Try the Stock Picker</a>
</div>
</div>
</div>
<div class="mt-3 text-center">
<p>
<a href="https://suggest.gg/randomstock/ideas" target="_blank" rel="noopener" class="btn btn-dark border border-warning">
<small>✨ Got an idea? Help shape what's next! ✨</small>
</a>
</p>
</div>
<div class="mb-3">
<small class="col-lg-12 text-center white">Made by
<a class="white font-italic" href="https://github.com/RayBB/random-stock-picker">RayBB</a> | Updated November, 2024
</small>
</div>
</div>
</div>
</div>
<script data-goatcounter="https://randomstock.goatcounter.com/count"
async src="//gc.zgo.at/count.js"></script>
<style>
body {
background-color: darkslategrey;
}
.white {
color: white!important;
}
.btn-dark {
animation: none;
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
}
.btn-dark:hover {
animation: pulse-gold 1.5s;
}
.animate-delayed {
animation: pulse-gold 1.5s;
}
@keyframes pulse-gold {
0% {
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
}
70% {
box-shadow: 0 0 0 15px rgba(255, 215, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
}
}
</style>
<script>
setTimeout(() => {
document.querySelector('.btn-dark').classList.add('animate-delayed');
}, 10000);
</script>
</body>
</html>