<!DOCTYPE html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>清泉谷基督教會 2024暑期中文專題講座系列: 神的創造原理及生活科技教會 -- God's Creation & Computer Sciences/AI: 尋找AI技術與基督徒生活之間的和諧 -- Wen Hwang 黃立文 主講 2024.08.04 https://www.gloryw.org/seminars/occca-2024/08-0804WH</title>
<meta name="description" content="God's Creation & Pediatrics/Pathology: 談天說地 "/>
<meta name="keywords" content="華人雲端基督教會,禱告,神的創造原理,清泉谷基督教會,神的創造,生活科技,Wen Hwang ,黃立文,God's Creation,AI,Computer Sciences,,高科技,">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163811476-1"></script>
<script>window.google_analytics_uacct = "UA-163811476-1";window.dataLayer = window .dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("config", "UA-163811476-1", {"groups":"default","anonymize_ip":true});</script>
<link href="../gcss/w3-410.css" rel="stylesheet" />
<link href="../gcss/my-g-css.css" rel="stylesheet" />
<style>
body, p
{ color:white;letter-spacing: 2px; font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑"; line-height:30px; margin: 0; background-image:url(''); background-repeat: no-repeat; background-size: cover; background-clip: padding-box; background-attachment: fixed;background-clip: border-box; opacity:1.0!important;}
.img-ctr-100 { display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 770px)
{ div {width:100%;} body {margin: 0px; } h2,h3 {font-size:20px !important;} }
@media screen and (max-width: 374px)
{ div {width:100%;} body {margin: 0px; } h2,h3 {font-size:18px !important;} }
</style>
<style>
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle; border: 1px double cyan; padding: 5px; }
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: red;
font-weight: bold;
font-size: 40px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: red;
}
/* Fading animation */
.fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}
</style>
</head>
<body>
<div class="w3-row w3-container w3-image div-center90 w3-indigo">
<p class="w3-center w3-text-blue">Updated on 08-04-2024</p>
<div class="w3-center w3-padding-large w3-pale-green shadow-box " style="opacity:0.8;">
<h2 class="kaiti w3-wide w3-text-red w3-animate-top "> 清泉谷基督教會舉辦<br> <br>
2024 暑期中文專題講座系列:神的創造原理及生活科技教會 <br>
</div>
<br><!--
<p class="w3-center w3-text-orange">Updated on 06-30-2024, First Published on 2024/06/06</p>
<br>
<img class="img-ctr-100 shadow-box b-lazy center" src="https://gloryw.org/imgvid/johnh/OCCCAS2024.jpg" alt="OCCCAS2024.jpgg" width="100%"/>
<br>--->
<div class="w3-row w3-border w3-border-orange w3-round-large">
<h3 class="hero-topic w3-padding-large shadow-box w3-center kaiti">第8講:<br> <b> God's Creation & Computer Sciences/AI: 尋找AI技術與基督徒生活之間的和諧</b><br>Wen Hwang 黃立文 主講 2024.08.04 (美西時間)<br><br> </h3>
<img class="img-ctr-100 shadow-box " src="https://gloryw.org/imgvid/johnh/OCCCA/m8.jpg" alt="m6.jpg" width="60%"/><br><br>
</div>
<br><br>
<div class="w3-row w3-border w3-border-orange w3-round-large"><br><br>
<p class="w3-center w3-text-orange">以下是講者的 Youtube 視頻,請參考使用。 </p>
<iframe class="img-ctr-100" width="853" height="480" src="https://www.youtube.com/embed/mS6R-9H-9GM" title="【08/04/2024 專題講座:尋找AI技術與基督徒生活之間的和諧--黄立文弟兄" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<br><br>
<p class="w3-center w3-text-orange">以下是講者的講稿,請參考使用,點擊<span class="w3-text-red w3-large"> ❮ </span>或 <span class="w3-text-red w3-large"> ❯ </span> 翻頁。 </p>
<div class="slideshow-container div-center90">
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/1.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/2.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/3.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/4.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/5.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/6.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/7.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/8.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/9.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/10.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/11.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/12.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/13.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/14.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/15.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/16.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/17.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/18.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/19.jpg" style="width:100%"> </div>
<div class="mySlides fade"><img src="https://gloryw.org/imgvid/johnh/OCCCA/0804WH/20.jpg" style="width:100%"> </div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
<span class="dot" onclick="currentSlide(7)"></span>
<span class="dot" onclick="currentSlide(8)"></span>
<span class="dot" onclick="currentSlide(9)"></span>
<span class="dot" onclick="currentSlide(10)"></span>
<span class="dot" onclick="currentSlide(11)"></span>
<span class="dot" onclick="currentSlide(12)"></span>
<span class="dot" onclick="currentSlide(13)"></span>
<span class="dot" onclick="currentSlide(14)"></span>
<span class="dot" onclick="currentSlide(15)"></span>
<span class="dot" onclick="currentSlide(16)"></span>
<span class="dot" onclick="currentSlide(17)"></span>
<span class="dot" onclick="currentSlide(18)"></span>
<span class="dot" onclick="currentSlide(19)"></span>
<span class="dot" onclick="currentSlide(20)"></span>
</div>
</div>
<br><br>
<script>
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
</div>
</body></html>