@prosophia/personal-portfolio 0.0.4 → 0.0.5

package/dist/index.css

@@ -1,795 +0,0 @@
-/* src/components/Divider.module.css */
-.divider {
-  border: none;
-  border-top: 1px solid var(--border);
-  margin: 4rem 0;
-}
-@media (min-width: 768px) {
-  .divider {
-    margin: 6rem 0;
-  }
-}
-
-/* src/components/Experience.module.css */
-.section {
-  scroll-margin-top: 7rem;
-}
-.header {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-bottom: 2.5rem;
-}
-@media (min-width: 768px) {
-  .header {
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-.title {
-  font-size: 1.875rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  letter-spacing: -0.025em;
-}
-.downloadButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.625rem 1.5rem;
-  background-color: var(--text-primary);
-  color: var(--background);
-  border-radius: var(--border-radius-lg);
-  font-weight: 700;
-  font-size: 0.875rem;
-  width: 100%;
-  transition: background-color var(--timing-quick) var(--ease-out-expo);
-}
-@media (min-width: 768px) {
-  .downloadButton {
-    width: auto;
-  }
-}
-.downloadButton:hover {
-  opacity: 0.9;
-}
-.timeline {
-  position: relative;
-  border-left: 1px solid var(--border-highlight);
-  margin-left: 0.75rem;
-}
-.timelineItem {
-  position: relative;
-  padding-left: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-.timelineItem:last-child {
-  padding-bottom: 0;
-}
-.timelineDot {
-  position: absolute;
-  left: -5px;
-  top: 0.5rem;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background-color: var(--text-muted);
-  border: 4px solid var(--background);
-}
-.timelineDotCurrent {
-  background-color: var(--primary);
-}
-.timelineHeader {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  margin-bottom: 0.25rem;
-}
-@media (min-width: 640px) {
-  .timelineHeader {
-    flex-direction: row;
-    align-items: baseline;
-    justify-content: space-between;
-  }
-}
-.timelineTitle {
-  font-size: 1.125rem;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-.timelinePeriod {
-  font-size: 0.75rem;
-  font-family: monospace;
-  color: var(--text-muted);
-}
-.timelineOrg {
-  color: var(--primary);
-  font-size: 0.875rem;
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-}
-.timelineDescription {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  line-height: 1.625;
-  max-width: 42rem;
-}
-
-/* src/components/Footer.module.css */
-.footer {
-  padding: 0 0 3rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  align-items: center;
-  font-size: 0.75rem;
-  color: var(--text-muted);
-}
-@media (min-width: 768px) {
-  .footer {
-    flex-direction: row;
-    justify-content: space-between;
-  }
-}
-.copyright {
-  text-align: center;
-}
-@media (min-width: 768px) {
-  .copyright {
-    text-align: left;
-  }
-}
-.updated {
-  text-align: center;
-}
-@media (min-width: 768px) {
-  .updated {
-    text-align: right;
-  }
-}
-
-/* src/components/Header.module.css */
-.header {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  width: 100%;
-  background-color: rgba(var(--surface-rgb, 22, 27, 38), 0.9);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  border-bottom: 1px solid var(--border);
-  transition: background-color var(--timing-standard) var(--ease-out-expo), border-color var(--timing-standard) var(--ease-out-expo);
-}
-[data-theme=light] .header {
-  background-color: rgba(255, 255, 255, 0.9);
-}
-[data-theme=dark] .header {
-  background-color: rgba(26, 22, 37, 0.9);
-}
-.container {
-  max-width: 1152px;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-  height: 5rem;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.logo {
-  display: flex;
-  flex-direction: column;
-}
-.logoName {
-  color: var(--text-primary);
-  font-weight: 700;
-  font-size: 1.125rem;
-  line-height: 1.25;
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.logo:hover .logoName {
-  color: var(--primary);
-}
-.logoTitle {
-  color: var(--text-muted);
-  font-size: 0.75rem;
-  font-weight: 400;
-}
-.nav {
-  display: none;
-  align-items: center;
-  gap: 2rem;
-}
-@media (min-width: 768px) {
-  .nav {
-    display: flex;
-  }
-}
-.navLink {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-secondary);
-  position: relative;
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.navLink:hover {
-  color: var(--text-primary);
-}
-.navLinkUnderline {
-  position: absolute;
-  bottom: -4px;
-  left: 0;
-  width: 0;
-  height: 2px;
-  background-color: var(--primary);
-  transition: width var(--timing-standard) var(--ease-out-expo);
-}
-.navLink:hover .navLinkUnderline {
-  width: 100%;
-}
-.actions {
-  display: flex;
-  align-items: center;
-  gap: 1.25rem;
-}
-.socialLinks {
-  display: none;
-  align-items: center;
-  gap: 0.75rem;
-  padding-right: 1.25rem;
-  border-right: 1px solid var(--border-highlight);
-}
-@media (min-width: 640px) {
-  .socialLinks {
-    display: flex;
-  }
-}
-.socialLink {
-  color: var(--text-muted);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.socialLink:hover {
-  color: var(--text-primary);
-}
-.socialLink svg {
-  width: 1.25rem;
-  height: 1.25rem;
-}
-.themeToggle {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: var(--border-radius-lg);
-  color: var(--text-muted);
-  transition: color var(--timing-quick) var(--ease-out-expo), background-color var(--timing-quick) var(--ease-out-expo);
-}
-.themeToggle:hover {
-  color: var(--text-primary);
-  background-color: var(--surface-highlight);
-}
-.contactButton {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1.25rem;
-  background-color: var(--primary);
-  color: white;
-  font-size: 0.875rem;
-  font-weight: 700;
-  border-radius: var(--border-radius-lg);
-  letter-spacing: 0.025em;
-  box-shadow: 0 10px 15px -3px var(--shadow);
-  transition: background-color var(--timing-quick) var(--ease-out-expo), transform var(--timing-quick) var(--ease-out-expo);
-}
-.contactButton:hover {
-  background-color: var(--primary-hover);
-}
-.contactButton:active {
-  transform: scale(0.95);
-}
-.contactButtonIcon {
-  font-size: 1.125rem;
-}
-.contactButtonText {
-  display: none;
-}
-@media (min-width: 640px) {
-  .contactButtonText {
-    display: inline;
-  }
-}
-.mobileMenuButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  color: var(--text-secondary);
-  border-radius: var(--border-radius-lg);
-  transition: color var(--timing-quick) var(--ease-out-expo), background-color var(--timing-quick) var(--ease-out-expo);
-}
-.mobileMenuButton:hover {
-  color: var(--text-primary);
-  background-color: var(--surface-highlight);
-}
-@media (min-width: 768px) {
-  .mobileMenuButton {
-    display: none;
-  }
-}
-.mobileNav {
-  position: fixed;
-  top: 5rem;
-  left: 0;
-  right: 0;
-  background-color: var(--surface);
-  border-bottom: 1px solid var(--border);
-  padding: 1rem 1.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  z-index: 40;
-}
-@media (min-width: 768px) {
-  .mobileNav {
-    display: none;
-  }
-}
-.mobileNavLink {
-  display: block;
-  padding: 0.75rem 1rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-secondary);
-  border-radius: var(--border-radius-lg);
-  transition: color var(--timing-quick) var(--ease-out-expo), background-color var(--timing-quick) var(--ease-out-expo);
-}
-.mobileNavLink:hover {
-  color: var(--text-primary);
-  background-color: var(--surface-highlight);
-}
-
-/* src/components/Hero.module.css */
-.hero {
-  display: flex;
-  flex-direction: column;
-  gap: 3rem;
-  scroll-margin-top: 7rem;
-}
-.content {
-  display: flex;
-  flex-direction: column;
-  gap: 2.5rem;
-}
-@media (min-width: 768px) {
-  .content {
-    flex-direction: row;
-    gap: 2.5rem;
-  }
-}
-@media (min-width: 1024px) {
-  .content {
-    gap: 4rem;
-  }
-}
-.imageWrapper {
-  flex-shrink: 0;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 1.5rem;
-}
-@media (min-width: 768px) {
-  .imageWrapper {
-    width: auto;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-.profileImage {
-  width: 8rem;
-  height: 8rem;
-  border-radius: var(--border-radius-2xl);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  box-shadow: 0 25px 50px -12px var(--shadow);
-  border: 4px solid var(--border-highlight);
-}
-@media (min-width: 768px) {
-  .profileImage {
-    width: 14rem;
-    height: 14rem;
-  }
-}
-.mobileInfo {
-  display: block;
-  text-align: left;
-}
-@media (min-width: 768px) {
-  .mobileInfo {
-    display: none;
-  }
-}
-.mobileInfoName {
-  color: var(--text-primary);
-  font-size: 1.5rem;
-  font-weight: 700;
-  line-height: 1.25;
-}
-.mobileInfoTitle {
-  color: var(--text-muted);
-  font-weight: 500;
-  margin-top: 0.25rem;
-}
-.textContent {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-}
-.badge {
-  display: inline-flex;
-  align-items: center;
-  border-radius: var(--border-radius-full);
-  background-color: var(--tag-bg);
-  padding: 0.25rem 0.75rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--primary);
-  width: fit-content;
-  border: 1px solid var(--border-highlight);
-  margin-bottom: 1.5rem;
-}
-.headline {
-  font-size: 2.25rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  line-height: 1.1;
-  letter-spacing: -0.025em;
-}
-@media (min-width: 768px) {
-  .headline {
-    font-size: 3rem;
-  }
-}
-@media (min-width: 1024px) {
-  .headline {
-    font-size: 3.75rem;
-  }
-}
-.highlight {
-  color: var(--primary);
-}
-.description {
-  max-width: 48rem;
-  color: var(--text-secondary);
-  font-size: 1.125rem;
-  line-height: 1.75;
-}
-.description p {
-  margin-bottom: 1rem;
-}
-.description p:last-child {
-  margin-bottom: 0;
-}
-.description strong {
-  color: var(--text-primary);
-  font-weight: 600;
-}
-.underline {
-  color: var(--text-primary);
-  text-decoration: underline;
-  text-decoration-color: var(--primary);
-  text-underline-offset: 4px;
-}
-.links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-}
-.link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.link:hover {
-  color: var(--primary);
-}
-.linkIcon {
-  font-size: 1.25rem;
-}
-.updates {
-  border-radius: var(--border-radius-xl);
-  padding: 1.5rem;
-}
-@media (min-width: 768px) {
-  .updates {
-    padding: 2rem;
-  }
-}
-.updatesHeader {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 1.125rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  margin-bottom: 1.5rem;
-}
-.updatesIcon {
-  color: var(--primary);
-}
-.updatesList {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-.updateItem {
-  display: flex;
-  gap: 1rem;
-  align-items: flex-start;
-}
-.updateDate {
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  flex-shrink: 0;
-  width: 6rem;
-}
-.updateContent h4 {
-  color: var(--text-primary);
-  font-weight: 500;
-}
-.updateContent p {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-
-/* src/components/Projects.module.css */
-.section {
-  scroll-margin-top: 7rem;
-}
-.title {
-  font-size: 1.875rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  letter-spacing: -0.025em;
-  margin-bottom: 2.5rem;
-}
-.grid {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 1.5rem;
-}
-@media (min-width: 768px) {
-  .grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-.card {
-  display: flex;
-  flex-direction: column;
-  background-color: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--border-radius-xl);
-  overflow: hidden;
-  transition: border-color var(--timing-standard) var(--ease-out-expo), transform var(--timing-standard) var(--ease-out-expo);
-  text-decoration: none;
-}
-.card:hover {
-  border-color: var(--border-highlight);
-  transform: translateY(-4px);
-}
-.cardImage {
-  aspect-ratio: 16 / 9;
-  background-size: cover;
-  background-position: center;
-  position: relative;
-}
-.cardImageOverlay {
-  position: absolute;
-  inset: 0;
-  background:
-    linear-gradient(
-      to top,
-      var(--surface),
-      transparent);
-  opacity: 0.8;
-}
-.cardContent {
-  padding: 1.5rem;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.cardHeader {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  margin-bottom: 0.5rem;
-}
-.cardTitle {
-  font-size: 1.125rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.card:hover .cardTitle {
-  color: var(--primary);
-}
-.cardLink {
-  color: var(--text-muted);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.cardLink:hover {
-  color: var(--text-primary);
-}
-.cardDescription {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-  margin-bottom: 1rem;
-  flex: 1;
-  line-height: 1.6;
-}
-.cardTags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-.tag {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.625rem;
-  text-transform: uppercase;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  border-radius: var(--border-radius);
-  background-color: var(--tag-bg);
-  color: var(--primary);
-}
-
-/* src/components/Publications.module.css */
-.section {
-  scroll-margin-top: 7rem;
-}
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 2.5rem;
-}
-.title {
-  font-size: 1.875rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  letter-spacing: -0.025em;
-}
-.scholarLink {
-  font-size: 0.875rem;
-  color: var(--primary);
-  font-weight: 500;
-  transition: opacity var(--timing-quick) var(--ease-out-expo);
-}
-.scholarLink:hover {
-  opacity: 0.8;
-}
-.list {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-.card {
-  position: relative;
-  background-color: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: var(--border-radius-xl);
-  padding: 1.5rem;
-  transition: border-color var(--timing-standard) var(--ease-out-expo), box-shadow var(--timing-standard) var(--ease-out-expo);
-}
-.card:hover {
-  border-color: var(--border-highlight);
-  box-shadow: 0 10px 15px -3px var(--shadow);
-}
-.cardContent {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-}
-@media (min-width: 768px) {
-  .cardContent {
-    flex-direction: row;
-    align-items: flex-start;
-    justify-content: space-between;
-  }
-}
-.cardInfo {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.cardTitle {
-  font-size: 1.25rem;
-  font-weight: 700;
-  color: var(--text-primary);
-  transition: color var(--timing-quick) var(--ease-out-expo);
-}
-.card:hover .cardTitle {
-  color: var(--primary);
-}
-.cardAuthors {
-  color: var(--text-secondary);
-  font-size: 0.875rem;
-}
-.cardAuthorHighlight {
-  color: var(--text-primary);
-  font-weight: 500;
-  border-bottom: 1px solid var(--primary);
-}
-.cardMeta {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--text-muted);
-}
-.cardVenue {
-  padding: 0.25rem 0.5rem;
-  border-radius: var(--border-radius);
-  background-color: var(--surface-highlight);
-  color: var(--text-secondary);
-}
-.cardHighlight {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  color: var(--green-accent);
-}
-.cardHighlightIcon {
-  font-size: 0.875rem;
-}
-.cardActions {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  flex-shrink: 0;
-}
-@media (min-width: 768px) {
-  .cardActions {
-    flex-direction: column;
-  }
-}
-.actionButton {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.375rem 0.75rem;
-  border-radius: var(--border-radius);
-  background-color: var(--surface-highlight);
-  border: 1px solid var(--border-highlight);
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--text-primary);
-  transition: border-color var(--timing-quick) var(--ease-out-expo);
-}
-.actionButton:hover {
-  border-color: var(--text-muted);
-}
-.actionIcon {
-  font-size: 1rem;
-}